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

问题描述：

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

答

您可以重复使用功能两种：

$(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的文档。

为什么第$？ – 2011-01-13 22:22:33

答

下面是一个绑定事件的例子，另外还有一个例子。

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

});

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

答

$(function() { 

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

});

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

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

相关推荐