首先,javascript确认不是我在这里寻找的。请阅读全文。即在每个链接上放置一个 onClick 属性,并带有一个传递给它的函数,该函数通过警告一个正常的系统对话框来确认用户不是我想要的。
我使用了引导程序的对话框,而不是系统提供的常规对话框。
这是不同项目的几个删除按钮
<a href="www.mysite.com/product/1" data-target="#myModal" data-toggle="modal"><i class="icon-remove"></i> Delete</a>
<a href="www.mysite.com/product/2" data-target="#myModal" data-toggle="modal"><i class="icon-remove"></i> Delete</a>
<a href="www.mysite.com/product/3" data-target="#myModal" data-toggle="modal"><i class="icon-remove"></i> Delete</a>
下面是使用 Bootstrap 显示模态的标记。
<div class="modal small hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Confirm Delete ?</h3>
</div>
<div class="modal-body">
<p class="error-text"><i class="icon-warning-sign modal-icon"></i>Are you sure you want to Delete the Category and all its associated Properties?</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
<button class="btn btn-danger" data-dismiss="modal">Delete</button>
</div>
</div>
对话框显示正确,但在按下对话框中的删除按钮后,我无法重定向到与上述链接对应的页面,模式只是消失而没有重定向。