javascript - 使用 jQuery Zebra Dialog 单击注销链接时如何执行代码?

标签 javascript jquery

<分区>

如何将这种代码放在注销导航链接代码中?我是 jquery 的新手,所以我遇到了麻烦......我需要你们的帮助。

这是我需要放置的代码:

<a href="#">Logout</a>

代码如下:

<script type="text/javascript"  src="Zebra_Dialog-master/public/javascript/zebra_dialog.js"></script>
<link rel="stylesheet" href="Zebra_Dialog-master/public/css/default/zebra_dialog.css" type="text/css">

<script>
$.Zebra_Dialog('<strong>Do you want to Logout?</strong>', {
    'type':     'question',
    'title':    'Non-uniformed Personnel (NUP)',
    'buttons':  [
                    {caption: 'Yes', callback: function() { alert('"Yes" was clicked')}},
                    {caption: 'No', callback: function() { alert('"No" was clicked')}},
                    {caption: 'Cancel', callback: function() { alert('"Cancel" was clicked')}}
                ]
});
</script>

最佳答案

您可以使用 .click()处理程序

HTML

<a id="logout" href="#">Logout</a>

JavaScript

$(document).ready(function() {
    // show a dialog box when clicking on a link
    $("#logout").on('click', function(e) {
        e.preventDefault();
        $.Zebra_Dialog('<strong>Do you want to Logout?</strong>', {
            'type':     'question',
            'title':    'Non-uniformed Personnel (NUP)',
            'buttons':  [
                            {caption: 'Yes', callback: function() { alert('"Yes" was clicked')}},
                            {caption: 'No', callback: function() { alert('"No" was clicked')}},
                            {caption: 'Cancel', callback: function() { alert('"Cancel" was clicked')}}
                        ]
        });
    });
 });

关于javascript - 使用 jQuery Zebra Dialog 单击注销链接时如何执行代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21142792/

相关文章:

javascript - 如果未经过身份验证,则重定向并在 Promise 中设置 State

javascript - 为什么当我点击表单提交按钮时,它不会进入下一页?

javascript - Filemaker、PHP 和 jquery > 显示隐藏元素

php - 如何从列表中获取某个输入字段的数据值?

c# - 使用 jQuery 和 ASP.NET 提交表单

javascript - JQuery:如何在 find() 的结果中使用每个?

javascript - 带有预定义参数的 HTML 子选择器

javascript - Jquery .replace 使浏览器崩溃

javascript - 谷歌标签管理器虚拟综合浏览量

javascript - 如何: Check if textarea value = 1,执行功能