我正在尝试使用.load在我的页面中加载一些内容,并且我有一些仅在加载的内容中使用的js文件,所以我想仅在内容加载后加载这些文件。 这是我的代码:
$("#highlight").load("content.php #" + $(this).attr('name'), function(){
$.getScript('js/jquery-ui-1.9.2.custom.min.js');
$.getScript('js/plugins.js');
$.getScript('js/script2.js');
});
此代码位于主页中包含的 script.js 中,我需要 script2.js 、 plugins.js 和 jquery ui 在 content.php 之后加载,但它似乎不起作用。 预先感谢任何可以提供帮助的人。
编辑:
想法是让一些 jquery 函数在加载的内容中工作, 任何解决方案都值得赞赏。
最佳答案
假设load
回调被成功调用,使用$.getScript
的问题这种方式是异步,因此它们可能会乱序执行。为了确保正确的顺序,请使用 $.ajax
直接(使用 async:false
作为选项,以及 dataType: "script"
),或者在彼此的回调中链接加载(避免阻塞页面的其余脚本):
$("#highlight").load("content.php#" + $(this).attr('name'), function(){
$.getScript('js/jquery-ui-1.9.2.custom.min.js', function() {
$.getScript('js/plugins.js', function() {
$.getScript('js/script2.js');
});
});
});
关于jquery - getscript 在 .load 函数中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14052746/