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来设置href。

     $(".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+'" />');
     });

链接已正确设置，但是点击后没有任何反应。

- Saurabh Kumar

---

"<c:url..." 不是一个有效的URL。看起来你正在尝试在客户端使用服务器端构造。 - robertklep

现在我终于通过Firebug看到了正确的URL，可以设置为/Spring-Security/delete?id='123456'。 - Saurabh Kumar

您正在尝试在JavaScript中使用JSP URL，我不认为该URL会被JSP解析并转换为客户端可用的有效URL。但我不确定这是否是问题的根源。 - cernunnos

<a class="trashconfirm btn btn-info" href="/Spring-Security/deletediary?id=1363599032377" data-dismiss="modal">是的</a>。这就是Firebug正在向我展示的。 - Saurabh Kumar

Answer 1

如果你在一个按钮上使用data-dismiss="modal"（这是必要的），Bootstrap会为其附加一个点击事件处理程序，以便在单击按钮时隐藏模态窗口。该处理程序调用preventDefault()方法来防止事件触发默认行为（例如遵循href）。如果你想在单击按钮时既调用URL又隐藏模态窗口，你需要使用Javascript为你的按钮附加一个事件处理程序，该处理程序将同时调用URL和隐藏模态窗口。

- robertklep

---

这是否解释了为什么模态框内的href无法获取新的URL？ - Wes Modes

Answer 2

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

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

- sleepinscorpion