用户界面 - 为 JQuery UI 模式对话框设置 Cookie



登录我们的网上银行产品时,我们有一个JQuery UI模式对话框以显示消息。每次都会弹出。现在我们想让它基于 cookie,这样用户在他们的 cookie 被清除之前只能看到这个框一次。我怎样才能做到这一点?

<body onLoad="loadPage();" onUnload="unloadPage();">
<script>
$(function() {
    // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
    //$( "#dialog:ui-dialog" ).dialog( "destroy" );

    $( "#dialog-modal" ).dialog({
        height: 475,
        width: 550,
        position: 'top',
        modal: true,
        buttons:{ "Close": function() { $(this).dialog("close"); } },
        draggable: false,
        resizable: false
    });
});

</script>

给自动柜员机/借记卡持有人

的重要信息 联邦法规最近发生了变化,这意味着我们需要获得您的许可才能考虑为您的日常借记交易支付透支。

按此查阅有关透支费用及扣账交易的重要资料。
最简单的是,

您可以使用jQuery Cookie插件创建一个cookie来存储他们是否看到它:

//Set a cookie value
$.cookie('seen', 'yes');
//get the value
var seen = $.cookie('seen');
if(seen == null) { /*have not seen, show modal*/ }
//delete cookie
$.cookie('seen', null);

当点击关闭按钮时,cookie 将被存储 as( Cookie 名称 = subscribe_popup_status ) 值( 显示 )

$.cookie("cookie_name", "cookie_value");

$( '.home_page_popup' ).dialog({ 
   autoOpen: false,
   closeText: "",
   modal: true,
   resizable: false,
   icon: "ui-icon-heart",
   classes: {
       "ui-dialog": "home_page_popup_dialog"
   },
   width: pop_up_width
});
$(".home_page_popup").on("click",".popup_close",function() {
    if ($.cookie('subscribe_popup_status') == null) {
       $.cookie('subscribe_popup_status', 'shown',{ expires: popup_duration });
    }
    $( '.home_page_popup' ).dialog('close');
});

相关内容

  • 没有找到相关文章

最新更新