ID在同一個ID中似乎不會降低。 （jQuery）

Question

我有一個問題，當點擊第一個id = addfriends它顯示（工作），但ID下面不工作。以下代碼。

好吧，我的錯碼。解決了。

$(document).ready(function(){ 
    $(".addfriends").click(function(){ 
     var ajax_load = "<img src='http://localhost/anime/asset/img/loading.gif' alt='loading...' />" 
     $('#result').html(ajax_load).load('http://localhost/anime/asset/html/add_friends.html #add-content-friends'); 
    }); 
    $(document).delegate(".close", 'click', function(){ 
     $("#add-content-friends").remove();  
    }); 
}); 

<div id="result"></div> 

loop 
    ... 
    <tr><td><a id="addfriends" href="#add/<?php echo $comments['idusers']; ?>">Add friends</a></td></tr> 
    ... 
endloop 

$(document).ready(function(){ 
    $(document).on("#addfriends", 'click', function(){ 
     var ajax_load = "<img src='...' alt='loading...' />" 
     $('#result').html(ajax_load).load('../add_friends.html #add-content-friends'); 
    }); 
    $(document).on(".close", 'click', function(){ 
     $("#add-content-friends").remove();  
    }); 
}); 

Answer 1

您當前使用on()不delegate()。所以，你需要在這裏更改順序：

$(document).on("click", '#addfriends', function(){ 
    var ajax_load = "<img src='...' alt='loading...' />" 
    $('#result').html(ajax_load).load('../add_friends.html #add-content-friends'); 
}); 

和：

$(document).on("click", '.close', function(){ 
    $("#add-content-friends").remove();  
}); 

目前，您的訂單是：選擇，事件處理程序。

on（）的正確順序是：events，selector，handler。

另外，id是獨一無二的，您需要使用類來代替您的錨。

<a class="addfriends" href="#add/<?php echo $comments['idusers']; ?>">Add friends</a> 

Answer 2

.on(events [, selector ] [, data ], handler(eventObject))

$(document).on("click", '#addfriends', function(){ 

---

ID必須是唯一的。

閱讀Two HTML elements with same id attribute: How bad is it really?

使用類，而不是