點擊jQuery調用用戶自定義函數

Question

我已經做了一個jQuery函數，並希望在點擊事件中調用它。我的代碼如下：

<script type="text/javascript"> 
    (function($){ 
     $.fn.my_function = function(options){ 
      return this.each(function(){ 
       alert("Hello"); 
      }); 
     }; 
    })(jQuery); 

    $(document).ready(function(){ 
     $('#submit_buttom').my_function(); 
    }); 
</script> 

請幫忙。

感謝

Answer 1

試試這個：

(function($){ 
     $.fn.my_function = function(options){ 
      var callback = function(){ 
       alert("Hello"); 
       //codes goes here 
      }; 
      return this.each(function(){ 
       $(this).click(callback); 
      }); 
     }; 
    })(jQuery); 

    $(document).ready(function(){ 
     $('#submit_buttom').my_function(); 
    }); 

Answer 2

<script type="text/javascript"> 
    (function($){ 
     $.fn.my_function = function(options){ 
      return this.each(function(){ 
       $(this).click(function(){ 
        alert("Hello"); 
       }); 
      }); 
     }; 
    })(jQuery); 

    $(document).ready(function(){ 
     $('#submit_buttom').my_function(); 
    }); 
</script> 

Answer 3

嘗試使用。點擊（）函數：described here on the Getting started with jQuery tutorial

Answer 4

可以使用.click()事件處理程序：

$('#submit_buttom').click(function(){ 
    // Can be any function call, but must be within an asynchronous/anonymous function 
    my_function(); 
});