如何使用jquery添加jquery文件

Question

我有5个js文件。

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.lazy.min.js"></script>
<script src="assets/js/custom.js"></script>

我想编号3和4的js文件添加我的模板使用jquery。

我的模板js如下

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/custom.js"></script>

并且我想在自定义js中调用一个函数，它将添加3&4个js。

Answer 1

您可以使用jQuery.getScript

$.getScript("assets/js/owl.carousel.min.js", function( data, textStatus, jqxhr ) {
  console.log( "owl.carousel loaded." );
});
$.getScript("assets/js/jquery.lazy.min.js", function( data, textStatus, jqxhr ) {
  console.log( "jquery.laz loaded." );
});

Answer 2

我们可以使用原生代码。

var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.src = "assets/js/owl.carousel.min.js";
$("head").append( script ); 
script = document.createElement( 'script' );
script.type = 'text/javascript';
script.src = "assets/js/jquery.lazy.min.js";
$("head").append( script );