jquery - 如何拥有一个在加载和点击时都运行的 jquery 函数

Question

我如何运行在加载和单击时都运行的jquery 函数

$("#prevd,#nextd").live("click",function() {
alert('test');
$('#m0d1y2013').attr('title', 'New Year!');
$('#m0d21y2013').attr('title', 'Marthin Luthor King Day');
$('#m1d25y2013').attr('title', 'Presidents Day');
});

如何在不单击或设置加载单击的情况下运行此 jquery 的内容

Answer 1

function mySuperThings(){

   alert('test');
   $('#m0d1y2013').attr('title', 'New Year!');
   $('#m0d21y2013').attr('title', 'Marthin Luthor King Day');
   $('#m1d25y2013').attr('title', 'Presidents Day');

}

$(function(){              // DOM IS READY TO BE MANIPULATED

    mySuperThings();       // RUN FUNCTION

    $(document).on("click", "#prevd, #nextd", function() {
        mySuperThings();   // RUN ON CLICK
    });

});

PS：考虑到您使用 jQuery v. >= 1.7 http://api.jquery.com/on/

Answer 2

您也可以尝试使用.click().

$("#prevd,#nextd").live("click",function() {
  alert('test');
  ...
}).click();

此外，从 jQuery 1.7 开始，您应该使用.on()将事件处理程序绑定到动态生成的元素。

Answer 3

你可以试试这个：

  $(function(){
    $("#prevd,#nextd").live("click",function() {
      alert('test');
      $('#m0d1y2013').attr('title', 'New Year!');
      $('#m0d21y2013').attr('title', 'Marthin Luthor King Day');
      $('#m1d25y2013').attr('title', 'Presidents Day');
    });
    $(this).find("#prevd,#nextd").click();
  });