將點擊函數轉換爲調用函數

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(); 
    }); 
});