Question

这是我的页面上action.php的输出。来自萤火虫：

   <html>
     <body>
       <table>
         <tr>
           <th>Trainer Available</th>
         </tr>
         <tr>
           <td style='width: 200px;'>
  <a href='http://appsmarketing.net/free/action.php?me=1' id='member' class='member' >trainer1</a>
           </td> 
        </tr>
        <tr>
          <td style='width: 200px;'>
             <a href='http://appsmarketing.net/free/action.php?me=2' id='member' class='member' >trainer2</a>
          </td>
        </tr>
     </table>
  </body>
</html>

所以这就是：

Trainer1
Trainer2

当我点击它时，它会转到url post，没有使用ajax。

我在用户点击此链接时使用脚本运行。它正在使用普通的锚标签，但是这是去特定的网址，并没有回到ajax调用页面..实际上，当我点击链接时，从firebug看不到使用ajax ..这是什么问题？我很感激有人帮助我，因为我珍惜你的时间......

这是我正在使用的脚本

<script>
$(document).ready(function(){
   $('a.member').click(function(e){ 
     $.ajax({
            type: "GET",
            url: this.href,
            cache:false,
            success: function(data){
                      $("#result2").append(data);
            }
     });
     return false;
}); 
});
</script>

使用普通的html a标记，它可以正常工作.. 谢谢你的进步...

Answer 1

您有两个ID为member的元素。 ID应始终是唯一的。无论如何，您应该删除这两个ID，因为您已经使用了类。

它不起作用，因为当您尝试将click事件绑定到它时a.member不存在。您可以通过将事件绑定到加载页面时存在的容器来阻止此问题，例如#tabs-2：

$('#tabs-2').on('click', 'a.member', function(e) { 
    e.preventDefault();

    (rest of the code)
}

链接（这是来自其他页面的ajax响应）不使用ajax

1 个答案: