0

这是我的页面上来自 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。

当用户单击此链接时，我正在使用脚本运行。它正在使用普通的锚选项卡，但它会转到特定的 url，并且不会返回到 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>

使用普通的htmla标签，它可以工作..在此先感谢...

4

1 回答 1

1

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

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

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

    (rest of the code)
}
于 2013-04-03T11:59:31.563 回答