我正在尝试使用.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&在content.php之后加载jquery ui,但它似乎不起作用。 提前感谢任何可以提供帮助的人。
想法是让一些jquery函数在加载的内容中工作, 任何解决方案都表示赞赏。
答案 0 :(得分:2)
假设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');
});
});
});