Question

我正在使用 intro.js 为我的网站添加介绍性步骤。我添加了不再显示按钮，并单击它，将cookie值设置为true。

页面的上载我能够检查cookie值。但是我无法隐藏或删除 intro.js 介绍性步骤。

如果cookie值为true introJs().exit();，我试图在页面上添加以下代码OnLoad以退出入门部分，但徒劳。当我在“控制台”标签中尝试时，它可以工作。

找到以下代码以供参考：-

// to create button
 var btn = document.createElement("BUTTON");    
 var t = document.createTextNode("Don't Show me Again");
 btn.appendChild(t);
 btn.id='mycookie';
 $(btn).click(function(){
    setCookie("mycookie ", "true", 300);
    introJs().exit();
 });

//code to set the cookie and get the cookie value.
//for cookies to add for the start of page
function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

function setCookie(cname, cvalue, exdays) {
         var d = new Date();
         d.setTime(d.getTime() + (exdays*24*60*60*1000));
         var expires = "expires="+ d.toUTCString();
            document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
    }

//onload of the page to check the cookie value is true or not.
    $(document).ready(function(){
      var user = getCookie("mycookie");
            if (user !== "") {
                introJs().exit();       
            }
    });

在不需要时如何退出 intro.js 部分。

Cookie值设置为true时如何隐藏intro.js引入步骤

0 个答案: