Question

我有一个看起来像这样的外部JQuery文件

$(document).ready(function() {

    $('#back-button').click(function() {

    $('#action').val('back');
           $('#adminform').submit();
    });
});

和像这样的内联JQuery，仅在用户登录时加载

$(document).ready(function() {

    $("div#panel").show();
    $("#toggle a").toggle();
});

问题是内联JQuery不会加载，因为外部JQuery首先加载。如果我注释掉外部Jquery文件，则内联Jquery文件可以正常工作。

我可能还有其他内联JQuery也可以运行，具体取决于该页面是否需要，所以如何让多个JQuery实例工作？

Answer 1

您可以放置多个就绪功能。阅读这篇文章Jquery Document Ready.

您的代码出了问题。打开JavaScript控制台并检查错误。如果您的代码正在执行，也请尝试记录。

Answer 2

jQuery会根据列表中包含的顺序将所有document.ready或$(function(){})事件添加到数组中。

然后在页面/文档加载/准备好时逐个执行。因此它将始终运行您编写的所有.ready方法

JQuery $（document）.ready（function（））不会运行两次

2 个答案: