Question

 <div id="deleteModal" class="modal hide fade" tabindex="-1" role="dialog">
     <div class="modal-body">
        <span><i class=" icon-info-sign"></i>
     </div>
     <div class="modal-footer">
       <a class="trashconfirm btn btn-info" data-dismiss="modal" href="javascript:void(0)">Yes</a>
       <a class="btn btn-info" data-dismiss="modal">No</a>
    </div>
  </div>

我正在使用jquery设置hre。

     $(".accordion").on('click','.dairytrash',function() {
   var id = $(this).closest('tr').attr('id');
   var ele = $(".modal-footer .trashconfirm ");
   ele.attr('href','<c:url value="/delete?id='+id+'" />');
     });

href也正常设置但是当我点击时没有发生任何事情。

Answer 1

如果你在一个按钮上使用data-dismiss="modal"（你这样做），Bootstrap将在其上附加一个点击处理程序，以便在单击按钮时隐藏模态。该处理程序在事件上调用preventDefault()，因此不再触发任何默认操作（如跟随href）。

如果您想在单击按钮并隐藏模态时调用URL，则必须使用Javascript将事件处理程序附加到您的按钮，这将同时调用URL并隐藏模态。

Answer 2

使用Bootstrap Docs（http://twitter.github.io/bootstrap/javascript.html）中描述的其中一个事件挂钩，如下所示：

$('#myModal').on('hidden', function () {
  // do something…
})

模态中的Twitter bootstrap href无法正常工作

2 个答案: