使用相同的数据 - 导致冲突?

时间:2015-07-19 02:29:13

标签: javascript jquery

我正在尝试使用data-avatarid通过jQuery发送它来加载Avatar的相应评论框模式。

它们都有唯一的ID,并且列出如此。但无论我如何运行jQuery或改变了一切。它似乎总是以avatarid的形式返回8。

我尝试使用attr和data来获取avatarid值,但也没有运气。任何意见都将不胜感激。

这是我的jQuery代码

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();

    $('.quickComment').click(function(){
      alert($(this).attr('avatarid'));
      var avatarid = $(this).data("avatarid");
      $( '#quickCommentModal' ).load( 'pages/modal/quickcomment.php?ajax&avatarid='+avatarid, function( response, status, xhr ) {
        if ( status == "error" ) {
          var msg = "Sorry but there was an error: ";
          alert( msg + xhr.status + " " + xhr.statusText );
        }
      });
      $("#quickCommentModal").modal('show');
    });
});

我的按钮代码

<button name='quickComment' type='button' class='btn btn-info quickComment' data-avatarid='8' data-toggle='tooltip' data-placement='bottom' title='Quick Comment' data-original-title='Quick Comment'><i class='glyphicon glyphicon-comment'></i> 0</button>
<button name='quickComment' type='button' class='btn btn-info quickComment' data-avatarid='9' data-toggle='tooltip' data-placement='bottom' title='Quick Comment' data-original-title='Quick Comment'><i class='glyphicon glyphicon-comment'></i> 0</button>
<button name='quickComment' type='button' class='btn btn-info quickComment' data-avatarid='10' data-toggle='tooltip' data-placement='bottom' title='Quick Comment' data-original-title='Quick Comment'><i class='glyphicon glyphicon-comment'></i> 0</button>
<button name='quickComment' type='button' class='btn btn-info quickComment' data-avatarid='11' data-toggle='tooltip' data-placement='bottom' title='Quick Comment' data-original-title='Quick Comment'><i class='glyphicon glyphicon-comment'></i> 0</button>

1 个答案:

答案 0 :(得分:0)

显示的选择器与html中的任何元素都不匹配。

这个有效:

$('button[data-avatarid]').click(function(){

  var avatarid = $(this).data("avatarid");
  alert(avatarid);

});

DEMO