只有一次执行 - AJAX

问题描述：

这个AJAX只能执行一次和如果你点击一次，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'); 
       } 
     }); 
    }); 
});

你有什么错误？ –

你应该让你的标记号码是唯一的。您多次使用相同的标签ID。如果您不止一次需要它们，请将这些ID更改为类。 – alfredo

@alfredo我改变了ID，但结果并没有改变 – Emre

答

使用类，而不是一个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>

我改变了ID，但结果没有改变。这是否会成为一般分署架构中的问题？ – Emre

rememer也改变它：$（“。detay-menu-toggle-right”）。click（function（）{ – Marcin

你知道吗？你是完美的男人！:) – Emre

只有一次执行 - AJAX

相关推荐