javascript - 如何在不返回 index.html 的情况下关闭警报？

Question

我使用 this 创建了一个小网站模板。我还在顶部添加了一条警告消息，该消息会在网站打开时自动出现:

.alert {
    padding:5px;
    background-color:black;
    color:white;
    position:fixed; 
    top:0px; 
    left:0px; 
    width:100%; 
}

.close {
    color:white;
    float:right;
    font-size:20px;
    line-height:10px;
    cursor:pointer;
}


    <div class="alert">
        <span class="close" onclick="this.parentElement.style.display='none';">&times;</span>
        <p style="text-align: center;">Message</p>
    </div>

问题是，如果您打开一个页面，比方说“联系人”，然后决定关闭警报消息，您将返回到 index.html。如何防止这种情况发生并允许用户在关闭警报消息后留在同一页面上？

Answer 1

main.js 文件包含一段代码，当您在文章外部单击 (#main) 时，该代码将隐藏文章。

$body.on('click', function(event) {

                // Article visible? Hide.
                    if ($body.hasClass('is-article-visible'))
                        $main._hide(true);

            });

因此，为了防止您的警报返回主页，请取消点击取消按钮时#main 的点击功能。

                    $(".close,.alert").on('click', function(event) {
                        event.stopPropagation();
                    });

据我所知，这段代码应该可以工作。请附上 https://jsfiddle.net/或 http://codepen.io/pen/用你的代码。因此，我们可以在给您答案之前进行测试或解决方案，而无需下载模板并添加您的代码。