Question

我正在创建一个网站，用户可以通过该网站了解该网站。首先，我检查教程是否已经显示：

function check_tutorial(tutorial_name) {
    if(localStorage.getItem('tutorial_' + tutorial_name) == null){
        show_tutorial(tutorial_name);
        localStorage.setItem('tutorial_' + tutorial_name, 'true');
    }
};

我可以通过onClick =“check_tutorial（）;”调用该函数例如，或通过以下文档加载：

$(document).ready(function(){
    var url = window.location.pathname;
    var filename = url.substring(url.lastIndexOf('/')+1);
    check_tutorial(filename);
});

自动获取文件名，只需编辑我的intro.js。

function show_tutorial(tutorial_name) {
    if(tutorial_name === "index.php"){
        [...]
        [...]
    }
}

现在我想要一些div-container来通知用户有关更改的信息，或者为他提供有关待处理设置的提示。在这里，我只想在用户点击它/点击通知容器中的链接时显示它。

例如在index.php上，容器表示用户必须在settings.php中设置设置

<div class="alert alert-info alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a href="#" class="alert-link">Alert Link</a>.
</div>

我想展示容器，直到： 1.用户单击容器中的链接 2.用户点击关闭 3.用户已经在settings.php

我想在settings.php中设置localStorage并将其设置为true。然后只显示容器 if localStorage('settings.php') == null

这是正确的方式，还是有其他更好的方式让我显示教程和通知？

https://plnkr.co/edit/qLBBRIuWVlsmAdo7jPP1

JS显示div / notification直到它中的链接被点击

0 个答案: