Question

如果一个人去了我的页面，我想要运行一些jquery，那么如果他们点击页面上的一个按钮，我想要运行相同的jquery代码。我是否必须为此创建单独的功能？当人来到页面时加载，然后当有人点击按钮时点击功能？或者为了不必重复代码，它们都可以在一个函数中吗？

Answer 1

您可以同时重复使用该功能：

$(function() {

       // declare the function
    function myReusableFunction() {
           // do something extraordinary
    }

    // call it on page load
    myReusableFunction();

    // assign to handler
    $('button').click( myReusableFunction );
});

请注意this的值和参数（如果有）将不同。

如果这是一个问题，您可以通过链接click触发器直接调用它。

$(function() {

    // assign to handler AND call it
    $('button').click( function() {
           // do something extraordinary
    }).click();
});

编辑：如果分配了多个button，.click()将触发所有。

如果这不是您想要的，您可以将其更改为：

$(function() {

    // assign to handler AND call it
    $('button').click( function() {
           // do something extraordinary
    }).eq(0).click();
});

...仅在第一个触发它。

或者这个：

$(function() {

    // assign to handler AND call it
    $('button').click( function() {
           // do something extraordinary
    }).triggerHandler( 'click' );
});

...仅在第一个元素上触发，但也有其他一些差异。有关详情，请参阅triggerHandler的文档。

Answer 2

$(function() {

    $("#myButton").click(function() {
        //your code
        alert("exeuted"); //on click button alerts
    }).click(); //simulate click to execute onload

});

在线演示：http://jsfiddle.net/nMPMt/

Answer 3

这是一个绑定事件的示例，并另外触发它。

$(function() {
    $('#yourButton').click(function(){
       alert('Yay');
    }).click();

});

编辑：清理了我的解释和可怕的语法...

当页面加载和单击按钮时运行Jquery

3 个答案: