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)。

如果您希望在单击按钮时同时调用 URL 和隐藏模式，您将不得不使用 Javascript 将事件处理程序附加到您的按钮，这将同时调用URL 并隐藏模式。