如何使用jQuery添加jQuery文件

问题描述

我有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>

我想用jQuery将3和4号js文件添加到我的模板中。

我的模板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

解决方法

您可以使用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",jqxhr ) {
  console.log( "jquery.laz loaded." );
});

,

我们可以使用本机代码。

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 );