首先,javascript确认不是我在这里寻找的东西。请阅读全文。即把一个onClick attr传递给每个链接,并传递一个函数,该函数通过警告正常系统对话框来确认用户不是我想要的。
我使用了引导程序的对话框,而不是系统提供的常规对话框。
这是不同项目的几个删除按钮
<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>
对话框显示正确,但是在按下对话框中的删除按钮后,我无法重定向到与上面的链接相对应的页面,模态只是消失而不进行重定向。
只需将类添加remove-item
到链接中,然后将此脚本添加到页面即可。干净整洁。
<script>
$(function () {
$('a.remove-item').click(function () {
var url = this.href;
$('#myModal .btn-danger').click(function () {
window.location.href = url;
});
});
});
</script>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句