我有一個按鈕(B)顯示了一個菜單(C),點擊時彈出(A)也顯示了同樣的菜單(C)。
我需要在這裏做4件事。
1)單擊B時,出現C.
2)單擊A時,出現C.
3)當點擊B時,A變爲隱藏
4)第一次訪問後A變爲隱藏。 (像一個歡迎消息)
但是,它似乎並沒有工作,如果我添加腳本的第一次訪問(我在這裏使用localStorage)。誰能知道哪裏出了問題? 此外,我是新來的JavaScript,所以我只是在網上尋找代碼,並添加他們,看看他們的工作。我不確定是否有任何方法可以使代碼更好?(現在它們全部分開)。謝謝。
第一次訪問後隱藏div
這裏是我的代碼
<div class="user-menu-group">
<a href="javascript:void()" onclick="hide('1sttime')" class="open-user-menu">B
<div class="notification" id="1sttime">
<p>A</p>
</div>
</a>
<div class="user-menu-bs">C</div>
</div>
這裏是我的腳本
<!--first time message-->
<script>
$(document).ready(function() {
if (localStorage.getItem('wasVisited') !== undefined) {
$("#1sttime").hide();
} else {
localStorage.setItem('wasVisited', 1);
$("#1sttime").delay(5000).fadeOut(500);
}
});
</script>
<!--hide A after clicking B-->
<script>
function show(target) {
document.getElementById(target).style.display = 'block';
}
function hide(target) {
document.getElementById(target).style.display = 'none';
}
</script>
<!--hide A after clicking it-->
<script>
(function() {
var elements = document.getElementsByClassName('notification');
for (var i = 0; i < elements.length; i++) {
elements[i].addEventListener('click', function() {
this.style.display = 'none';
});
}
})();
</script>
爲什麼jQuery的的結構和普通的JS? – nnnnnn
@nnnnnn對不起,不知道如何做只有JS。特別是第一次參觀部分。 – user3769516