jQuery的問題與錨點擊（）方法

Question

在其他的事情，我有我的內容頁面這個網站的內容：

<asp:Content ID="Content2" ContentPlaceHolderID="HeadContent" runat="server"> 
<script type="text/javascript"> 
    $("[ID$=panelDetail]").dialog({ 
     autoOpen: false 
     , resizable: false 
     , height: 'auto' 
     , width: 'auto' 
     , modal: true 
     , overlay: { opacity: 0.8, background: "black" } 
    }); 

    function loadDialog(action) { 
     $("[ID$=panelDetail]").dialog('open'); 
     $.ajax({ 
      type: "POST", 
      dataType: "HTML", 
      url: action, 
      data: {}, 
      success: function(response) { 
       $("#panelDetail").html(''); 
       $("#panelDetail").html(response); 
      } 
     }); 
    } 

    $("[ID$=btnAdd]").click(function() { 
     alert("click on add"); 
     loadDialog("/Foro/Create", ""); 
    }); 
</script> 
</asp:Content> 

我有那麼兩個分開的部分

<asp:Content ID="Content1" ContentPlaceHolderID="BodyContent" runat="server"> 
    <div id="panelDetail" style="display:none" title="Panel Title"></div> 
</asp:Content> 

<asp:Content ID="Content4" ContentPlaceHolderID="RightPanel" runat="server"> 
    <a href="#" id="btnAdd">Add new</a> 
    <a href="#" id="btnEdit">Edit</a> 
</asp:Content> 

爲什麼這個HTML片段標記內部的警報永遠不會被調用？

感謝您的幫助！

Answer 1

您需要在document.ready調用來包裝你的電話，像這樣：

$(function() { 
    $("a[ID$=btnAdd]").click(function() { 
    alert("click on add"); 
    loadDialog("/Foro/Create", ""); 
    }); 
}); 

否則元素不存在被尚未發現:) document.ready處理火的時候，DOM的滿載，例如你的鏈接在那裏被發現。

在UpatePanels的情況下，切換到.live()，像這樣：

$(function() { 
    $("a[ID$=btnAdd]").live('click', function() { 
    alert("click on add"); 
    loadDialog("/Foro/Create", ""); 
    }); 
});