在主函数中调用点击函数

Question

I just wanted to know about any downsides to calling click functions inside a main function rather than in the $(document).ready(function() {}); . This is what i mean

 function tester() { $('.className-1').click(function() { var cmtpid = $(this).attr('data-cmtpid'); alert(cmtpid); }); $('.className-2').click(function() { var pid = $(this).attr('data-pid'); alert(pid); }); } tester(); 

UPDATE : the tester() function will only be called once, this is all mainly because I want to avoid inline html onclick=""

Answer 1

Since I noticed you're using jQuery. Perhaps consider adding unbind("click") after the selector to ensure you don't accidentally bind the click more than once causing multiple executions upon click.

Also there isn't any REAL downside but I would HIGHLY recommended putting that java-script at the very end of your html document to ensure the DOM is loaded.

Example:

$('.className-1').unbind("click").click(function(){

});