php – jQuery对话框在打开链接之前确认

发布时间：2020-12-13 22:22:47 所属栏目：PHP教程来源：网络整理

导读：我有一个填充了数据库中数据的表,其中每一行都有一个单元格,里面有一个锚元素.这个锚将导致相同的页面,但有一个查询字符串告诉php哪一行包含它应该删除的数据. 我需要在用户点击锚点时打开一个jQuery对话框,要求他在加载URL之前确认他的意图. “取消”按钮应

我有一个填充了数据库中数据的表,其中每一行都有一个单元格,里面有一个锚元素.这个锚将导致相同的页面,但有一个查询字符串告诉php哪一行包含它应该删除的数据.

我需要在用户点击锚点时打开一个jQuery对话框,要求他在加载URL之前确认他的意图. “取消”按钮应关闭对话框,不执行任何操作.然后,“确定”按钮应该打开网址.

任何帮助都非常感谢.

//使用’我尝试过的’编辑.这是我第一次搞乱jQuery,学习的时间已经不多了… =(

jQuery(document).ready(function(){
var $dialog = jQuery('<div class='msg_dialog'></div>')
    .html('Are you sure you want to do this?')
    .dialog({
        autoOpen: false,title: 'Confirm action',buttons: [{
            text: "Cancel",click: function(){
                jQuery(this).dialog("close");
            }
        }] // didn't even try the OK button since I couldn't even get the dialog opened
    });

jQuery('#confirm_del').click(function(){
    $dialog.dialog('open');
    return false;
});
});

解决方法

$("a").on("click",function(e) {
    var link = this;

    e.preventDefault();

    $("<div>Are you sure you want to continue?</div>").dialog({
        buttons: {
            "Ok": function() {
                window.location = link.href;
            },"Cancel": function() {
                $(this).dialog("close");
            }
        }
    });
});

示例：http://jsfiddle.net/uRGJD/

(重定向到Google将无法在JSFiddle上运行,但应该在正常页面上运行)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!