模式中的Twitter引导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 并隐藏模式。