Question

我正在点击为每个用户点击悬停卡，所以我做了一个和它的工作，但我希望这对每个用户都有效，就像我给了他们独特的标题，并基于服务器将获得该数据特别是用户，但问题是这只是一个链接而不是所有链接...也许是因为var数据保存（如果我错了请纠正我）所以我试着在ajax {{1但是没有帮助，我尝试cache: false，return false;仍未使用。

所以，这是用户链接示例：

return data;

Ajax：

<a class="hover" title="user101" href="#">John</a>
<a class="hover" title="user102" href="#">Tonya</a>

Answer 1

问题是这只能处理1个链接而不是所有链接...也许是因为var数据保存（如果我错了请纠正我）

你错了..只有1个链接正在工作，因为你有多个元素的相同id。每个元素应该有唯一的id。

使用class

<a class="hover" title="user101" href="#">John</a>
<a class="hover" title="user102" href="#">Tonya</a>

和一个类选择器，并在ajax成功回调函数后返回false，最后

$('.hover').click(function () {
    var get_val = $('.hover').attr('title');
     ....
     $.ajax({
      ....
         success:function(){
            ....
          }
     }); 
     return false;
   ..

或只是使用preventDefault()而不是返回false

 $('.hover').click(function (e) {
    e.preventDefault();
    var get_val = $('.hover').attr('title');
    .....

Answer 2

我会这样做。

<强> HTML

<div class='links'>
  <a title="user101" href="#">John</a>
  <a title="user102" href="#">Tonya</a>
</div>

<强> JS

$(document).ready(function () {
  $.ajaxSetup({
    cache: false
  });
  $('.links').on('click', 'a', function (event) {
    event.preventDefault();

    var get_val = $(this).prop('title');
    $.ajax({
        type: 'POST',
        url: 'xx.php',
        data: {vall: get_val},
        success: function (data) {
            box.dialog({
                message: data
            });
        }
    });
  });
});

删除var数据时出错

2 个答案: