2014-09-10 107 views
0

我已經得到了這段代碼在我的.gsp 這個圖像鏈接觸發事件點擊通過jquery函數。問題是我想將動態id(id="deleteSupp_${supplementary.id}")傳遞給jquery函數,以便在點擊圖像鏈接時觸發事件處理程序。將動態元素ID傳遞給jquery函數

<div class="deleteSupplementary" data-supplementary=["${supplementary.id}","${supplementary.sth?.id}"]> 
    <a href="#" > 
     <r:img id="deleteSupp_${supplementary.id}" class="icon float-right" uri="/img/app-icon-delete.gif" title="delete"/> 
    </a> 
</div> 

這裏是jQuery函數

function showConfirmationPanel(){ 

    $("#deleteSupp_${supplementary.id}").live('click',function (event){ 

     event.preventDefault(); 
     $("#someform").show(); 
    }); 

} 
+0

是'$ {supplementary.id}'某種服務器端模板語法的? – charlietfl 2014-09-10 14:38:14

+1

我假設你使用的是舊版本的jQuery,因爲'live'已被棄用一段時間了。 – Andy 2014-09-10 14:38:24

+0

在函數內部,您可以訪問元素並從中獲取所需的信息。 $(this)給出了元素作爲jQuery元素的引用。 – 2014-09-10 14:38:36

回答

0
function showConfirmationPanel()  
{ 
    $('img[id^="deleteSupp_"').on 
    (
     'click',      
     function (event) 
     { 
      event.preventDefault(); 

      // Get the supplementary id 
      var sSuppId = $(this).closest(".deleteSupplementary") 
           .data("supplementary")[0];  

      $("#someform").show(); 
     } 
    ); 
} 
+1

非常感謝你的幫助! – Mich 2014-09-11 09:06:27