javascript - 模态中的 Twitter bootstrap href 不起作用

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将不再触发任何默认操作（如遵循 a ）。

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

Answer 2

使用 Bootstrap 文档 ( http://twitter.github.io/bootstrap/javascript.html ) 中描述的事件挂钩之一，如下所示：

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