Question

我有一个小脚本，我希望在更改值，点击或某些元素的键盘上完成，但我也希望它在页面加载时发生（或者当元素首先加载）。

我现在拥有的代码会执行此操作，但最初在页面加载时不会执行此操作，您必须先完成3个触发器中的一个。是否可以在不编写新脚本的情况下执行此操作？

$(document).ready(function() {
    $('.orderinput, .paymethod, .serverselect').bind('change click keyup', function(event) {}
});

Answer 1

取出逻辑，并将其放入单独的函数中。然后在ready子句中调用该函数。例如：

$(document).ready(function() {
    $('.orderinput').on('change click keyup', function(event) { myComplexFunc(event); } );

    var myComplexFunc = function(event) {
        console.log('Triggered');
    }

    myComplexFunc();

});

Answer 2

按照Mike L的说法，我建议您使用.on而不是.bind，因为它是将事件处理程序附加到文档的首选方法，请参阅this。

如果你想避免编写一个单独的函数，你可以在事件处理程序直接附加到元素之后触发事件，如下所示：

$(".yourElementClass").click(); //or .change() or .keyup()

页面加载时jQuery绑定事件

2 个答案: