我正在尝试使用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>
答案 0 :(得分:0)
显示的选择器与html中的任何元素都不匹配。
这个有效:
$('button[data-avatarid]').click(function(){
var avatarid = $(this).data("avatarid");
alert(avatarid);
});
的 DEMO 强>