javascript - jQuery 函数在页面加载而不是在 Click 事件上运行

Question

我有一个我写的函数，我只想在点击一个元素时执行......

$(document).ready(function () {

$(".black-sectors li a.adr-src").on("click", updateAddressDisplay);

    updateAddressDisplay(null);
    function updateAddressDisplay(src) {
        # Function
    }

});

然而，上面是在页面加载上运行的吗？

Answer 1

那是因为您在定义它的位置上方调用它：

updateAddressDisplay(null); //Function called
function updateAddressDisplay(src) {
    # Function
}

删除updateAddressDisplay(null);，它不会在页面加载时被调用。

Answer 2

尝试删除updateAddressDisplay(null);

你也可以在点击调用时调用一些带有函数的参数。

$(document).ready(function () {

$(".black-sectors li a.adr-src").on("click", updateAddressDisplay);

  //    updateAddressDisplay(null);
    function updateAddressDisplay(src) {
        # Function
    }

});