只有一次執行 - AJAX

Question

這個AJAX只能執行一次和如果你點擊一次，AJAX不適用於其他「詳細」按鈕。這是什麼原因？

按鈕：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<td><a id="detay-menu-toggle-right" data-paketno="3512" href="#">Details</a></td> 
<td><a id="detay-menu-toggle-right" data-paketno="3841" href="#">Details</a></td> 

的Javascript：

$(document).ready(function(){ 
    $("#detay-menu-toggle-right").click(function(){ 
     $("#detay-wrapper-right").toggleClass("active"); 
     var paketnosu = $(this).data("paketno"); 
     var dataString = 'paketDetayi='+paketnosu; 
     $.ajax({ 
      data: dataString, 
      url: 'test3.php', 
      type: 'POST', 
      success: function (data) { 
       $("#detay-sidebar-wrapper-right").html(data); 
      }, 
      error: 
       function() { 
        alert('Not OKay'); 
       } 
     }); 
    }); 
}); 

Answer 1

使用類，而不是一個ID，只能有一個頁面上的特定ID只有一個元素和jQuery只會在行動第一個在它遇到的頁面上。

$(document).ready(function(){ 
 
    $(".detay-menu-toggle-right").click(function(){ 
 
     $("#detay-wrapper-right").toggleClass("active"); 
 
     var paketnosu = $(this).data("paketno"); 
 
     var dataString = 'paketDetayi='+paketnosu; 
 
     $.ajax({ 
 
      data: dataString, 
 
      url: 'test3.php', 
 
      type: 'POST', 
 
      success: function (data) { 
 
       $("#detay-sidebar-wrapper-right").html(data); 
 
      }, 
 
      error: 
 
       function() { 
 
        alert('Not OKay'); 
 
       } 
 
     }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<td><a class="detay-menu-toggle-right" data-paketno="3512" href="#">Details</a></td> 
 
<td><a class="detay-menu-toggle-right" data-paketno="3841" href="#">Details</a></td>