我正在使用 jQuery 的.load()
函数加载页面。我正在加载的页面链接到外部 javascript 文件。所以我尝试通过调用getScript()
来执行它。
这是加载页面的代码:
<script>
$j(document).ready(function() {
$j( "#scriptin" ).load("home.html");
$j("#index").click(function(e) {
e.preventDefault(); // if desired...
$j( "#scriptin" ).load("home.html");
});
$j("#artists").click(function(e) {
e.preventDefault(); // if desired...
$j( "#scriptin" ).load( "artists.html" );
$.getScript("pix.js");
});
$j("#concert").click(function(e) {
e.preventDefault(); // if desired...
$j( "#scriptin" ).load( "storminateacup.html" );
$.getScript("stormload.js");
});
});
现在点击音乐会链接时,你可以在代码中看到我加载storminateacup.html然后我调用外部脚本stormload.js 这是stormload.js
$( "#scriptintwo" ).load( "latest.html" );
});
$("#artists").click(function(e) {
e.preventDefault(); // if desired...
$( "#scriptintwo" ).load( "artists.html" );
});
$("#latest").click(function(e) {
e.preventDefault(); // if desired...
$( "#scriptintwo" ).load( "latest.html" );
});
$("#videos").click(function(e) {
e.preventDefault(); // if desired...
$( "#scriptintwo" ).load( "videos.html" );
此脚本似乎无法运行。当我将它包裹在$document.ready()
并直接打开链接(即没有using.load()
)时,它完美地运行。但是当我加载它没有document.ready时没有任何反应,当我用document.ready()
加载它时只有一个点击工作。