将点击函数转换为调用函数

Question

我知道这个话题之前被问过，但他们不是关于jqueryui的。因此我无法确定他们是否会处理我的代码。我有一个从不同组件调用的弹出窗口。但是我必须为每个呼叫写一个点击功能。我想将其转换为可以称之为ca的函数。我的脚本是：

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('a#popup').live('click', function (e) { 

       var page = $(this).attr("href") 

       var $dialog = $('<div id="silmeIframe"></div>') 
       .html('<iframe style="border: 0px; " src="' + page + '" width="500px" height="500px"></iframe>') 
       .dialog({ 
        autoOpen: false, 
        modal: true, 
        height: 'auto', 
        resizable: 'false', 
        width: 'auto', 
        title: "Silmeyi onaylıyor musunuz?", 
        close: function (event, ui) { 

         __doPostBack('<%= btnRefresh.ClientID %>', ''); 
        } 
       }); 
       $dialog.dialog('open'); 
       e.preventDefault(); 

      }); 

     }); 
    </script> 

现在，我想它像

<a onclick="NewFunctionName(parameter1,parameter2,,parameter3)">click<a/> 

Answer 1

single handler, multiple targets attachment

$(function() { 

    function handler(e,param1,param2...) { 
     var page = $(this).attr("href") 
     ... 
     $dialog.dialog('open'); 
     e.preventDefault(); 
    } 

    //write attachments 
    $('a#popup1').on('click',function(e){ 
     handler(e,param1,param2...); 
    }); 
    $('a#popup2').on('click',function(e){ 
     handler(e,param1,param2...); 
    }); 
    $('a#popup3').on('click',function(e){ 
     handler(e,param1,param2...); 
    }); 
}); 

or single handler, multiple targets in one query

$(function() { 
    $('a#popup1, a#popup2, a#popup3').on('click',function (e) { 
     var page = $(this).attr("href") 
     ... 
     $dialog.dialog('open'); 
     e.preventDefault(); 
    }); 
});