jquery将数据切换模态属性附加到href

Question

我想用bootstrap 3 data-toggle =“ajaxmodal”打开一个模态。该链接附加到div，但是ajaxModal不起作用。

$('<div/>').text(message.text).prepend($('<em/>').html('Opponent: '+ opponentName + ',' + ' ' + 'Game amount: ' + message.amount + ' ' + 'tokens,' + ' ' + 'Game: ' + message.game + ' &nbsp; ' + '&nbsp; ' + '&nbsp; ' + '<a href="console/challengeView.php?id=' + message.gameID + '" id="viewButton"  class="btn btn-s-s btn-danger" onClick="return false;" data-toggle="ajaxModal">View</a>')).appendTo($('#pendingChallenges'));

$('#pendingChallenges')[0].scrollTop = $('#pendingChallenges')[0].scrollHeight;

我也试过

$("#viewButton").click(function () {
    $(this).attr('toggle')=='ajaxModal';
});