Question

我的模态有问题。我想要一个模态来显示每个帖子的评论，所以我在post.each循环中创建了一个链接和一个模态。问题是，似乎模态和链接没有“联系”。模态显示内容，但它...链接不起作用，每个模式甚至在任何点击之前都显示在每个链接下。抱歉，如果这是一个很大的错误，我对此很陌生。

我的模态：

<div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title"></h4>
    </div>
    <div class="modal-body">
    </div>
    <div class="modal-footer">
        <a href="#" class="btn btn-white" data-dismiss="modal">Close</a>
        <a href="#" class="btn btn-primary">Button</a>
        <a href="#" class="btn btn-primary">Another button...</a>
    </div>
  </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->

我的链接：

<a  href="#" data-toggle="modal" data-target="#myModal" class="btn btn-xs btn-primary"><span class="glyphicon glyphicon-comment"></span> Comment</a>

我的JS：

$('[data-toggle="ajaxModal"]').on('click',
          function(e) {
            $('#ajaxModal').remove();
            e.preventDefault();
            var $this = $(this)
              , $remote = $this.data('remote') || $this.attr('href')
              , $modal = $('<div class="modal" id="ajaxModal"><div class="modal-body"></div></div>');
            $('body').append($modal);
            $modal.modal({backdrop: 'static', keyboard: false});
            $modal.load($remote);
          }
        );

Bootstrap＆amp; jQuery：模式中的href在单击事件之前显示链接的子模态

0 个答案: