javascript - Javascript/JQuery 代码是否需要位于其他 HTML 代码下方？

Question

我有这个 JQuery 代码和 JS 代码下面的链接。如果链接在JS代码下面好像不行，但是如果JS代码在链接下面就可以了。

如何让它与链接上方的 JS 代码一起工作？我需要这样做，因为我在使用 PHP include 包含的文件中有 JS 代码。

<div id="EditPage" class="EditPagePopup">
<iframe id="EditPageFrame" width="100%" height="80%" src=""></iframe>
<a id="JQueryClose">&#215;</a>
</div>
<script>
$("a#EditPageLink").click(function (e) {
    alert("f");
    e.preventDefault();
    $("#EditPageFrame").attr("src", $(this).attr("value"));
    $("a").removeClass("active");
    $(this).addClass("active");

    JQueryPopup('#EditPage');
});
</script>

<a id="`EditPageLink`" href="#" value="editcustomer.php?seq='.$customer["sequence"].'"

Answer 1

不需要，但建议这样做。阅读 this previously asked question 。

你绝对应该做的是使用 jQuery 的 ready function确保 DOM 在附加事件之前已完成加载。例如:

$(function() {
    $("a#EditPageLink").click(function (e) {
        alert("f");
        e.preventDefault();
        $("#EditPageFrame").attr("src", $(this).attr("value"));
        $("a").removeClass("active");
        $(this).addClass("active");

        JQueryPopup('#EditPage');
    });
});

这样做将正确附加事件，无论您的脚本标记出现在 html 中的哪个位置。