jquery - getscript 在 .load 函数中不起作用

标签 jquery

我正在尝试使用.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/

相关文章:

jquery - IE9 预期标识符、字符串或数字错误

javascript - 如何打印从函数返回的变量?

javascript - 从 jQueryUI 对话框中删除标题栏?

javascript - 减慢 jQuery JSON 解析速度?

jquery - 二级菜单下拉样式

jquery - 使用 jquery 文件上传插件并行分块上传文件

jquery - 在相对位置打开kendo ui窗口

jquery - 让每个函数从第二个 tr 开始

jquery - 检索 Bootstrap 复选框的单击状态

javascript - HTML 表格样式 previous sibling