提问人：Jeff 提问时间：2/17/2010 更新时间：2/17/2010 访问量：7892
How-To jQuery 初学者警报框
How-To jQuery alert boxes for beginner
问：
如果这太基本了，很抱歉，但我在搜索中找不到太多信息。
我有一个简单的链接：.<a href="delete">delete</a>
单击该链接将从我的数据库中删除一个项目。
如何使链接显示一个带有消息的弹出窗口（JavaScript 框？alert
是否确定？[是][否]
如果可能的话，我想使用 jQuery 而不是内联 JavaScript。
答：
3赞
Vincent Ramdhanie
2/17/2010
#1
首先给你的元素一个 id。
<a href="delete" id="delbtn">delete</a>
然后：
<script>
$(document).ready(function(){
$('#delbtn').click(function(){
return confirm("Are You sure");
});
});
</script>
3赞
Dmitri Farkov
2/17/2010
#2
将 id/class 分配给您的锚点：
<a href="delete" class="btn_del">Delete</a>
然后，在“文档加载”上，将一个事件分配给单击链接。
$(function(){
//on document ready
$('.btn_del').click(function(e){
return confirm('Are you sure?')
})
})
0赞
Andy E
2/17/2010
#3
使用 jQuery UI 的模态对话框，它们比 .alert
$("a#delete").click(function() {
$("#dialog").dialog({
bgiframe: true,
resizable: false,
height:140,
modal: true,
overlay: {
backgroundColor: '#000',
opacity: 0.5
},
buttons: {
'Really delete?': function() {
$(this).dialog('close');
delete();
},
Cancel: function() {
$(this).dialog('close');
}
}
});
});
评论