JQuery DOM。 $ html的

Question

// Event onClick for links 
$(window).load(function() { 

    $("a[href=#sign-in]").click(function(){ 
     $.post("/index.php/start_ctrl/signin", function(data){ 
      $("body>div.row").html(data); 
     }) 
    }) 
    $("a[href=#profile]").click(function(){ 
     $.post("/index.php/profile_ctrl/profile", function(data){ 
      $("body>div.row").html(data); 
     }) 
    }) 
    $("a[href=#editInfo]").click(function(){ 
     $.post("/index.php/profile_ctrl/editinfo", function(data){ 
      $("div.profilepanel").html(data); 
     }) 
    }) 

}); 

//Link at the topbar 

    <a href="#profile">Profile</a> 


//When I have clicked on link at the topbar, it's triggered event $("a[href=#profile]").click 

而且div.row接受這樣的數據：

<div class="row"> 
    <li><a href="#editInfo">Change information</a></li> 
</div> 

這個環節有太多的jQuery事件...... $("a[href=#editInfo]").click

但事件不會觸發！

如果此鏈接放置在瀏覽器直接加載的地方（沒有DOM），則此鏈接有效。 和紐帶，其附加槽DOM，不工作:(

我怎樣才能解決這個問題？

PS對不起，我的英語水平。

Answer 1

加'的搜索屬性值。
試試這個：

$("a[href='#sign-in']").click(function(){ 
    $.post("/index.php/start_ctrl/signin", function(data){ 
     $("body>div.row").html(data); 
    }) 
}) 
$("a[href='#profile']").click(function(){ 
    $.post("/index.php/profile_ctrl/profile", function(data){ 
     $("body>div.row").html(data); 
    }) 
}) 
$("a[href='#editInfo']").click(function(){ 
    $.post("/index.php/profile_ctrl/editinfo", function(data){ 
     $("div.profilepanel").html(data); 
    }) 
}) 

Answer 2

從我瞭解的#editInfo鏈接不退出時加載頁面時，點擊該#profile，當它被裝載這意味着。是一個動態的元素，所以你需要使用event delegation

$(document).on('click', "a[href=#editInfo]", function() { 
    $.post("/index.php/profile_ctrl/editinfo", function (data) { 
     $("div.profilepanel").html(data); 
    }) 
})