Question

道歉，如果这是过于基本的，但我找不到我的搜索信息。

我有一个简单的链接：<a href="delete">delete</a>。

单击该链接将删除我的数据库中的项目。

如何使链接显示弹出窗口（JavaScript alert框？）并显示一条消息：

你确定吗？ [是] [否]

如果可能的话，我想使用jQuery而不是内联JavaScript。

Answer 1

首先给你的元素一个id。

 <a href="delete" id="delbtn">delete</a>

然后：

<script>
      $(document).ready(function(){

                $('#delbtn').click(function(){

                         return confirm("Are You sure");

                 });
      });
</script>

Answer 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?')
    })
})

Answer 3

使用jQuery UI's modal dialogs它们比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');
            }
        }
    });
});

如何为初学者提供jQuery警告框

3 个答案: