如何在不返回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/。因此，我們可以在給您答案之前進行測試或解決方案，無需下載模板並添加代碼。