JS在第一個頁面加載時無法正確加載

Question

首次加載頁面時，我有一個菜單，菜單中的元素可能具有“ current_page”類，如果當前頁面是menu元素，則可以通過PHP添加該類。 現在的問題是，當我第一次進入頁面或使用ctrl+f5刷新頁面時，這是相同的，應該位於“ current_page”類下的滑塊略微關閉。 在Firefox和Chrome中有所不同（請參見下圖），但是在我用正常的f5刷新頁面或單擊某些鏈接后，頁面重新加載后，所有內容都向右移動，直到重新加載頁面為止。 我試圖制作一個JS小提琴，但每次都能奏效。 因此，我將在線發布該鏈接，以便您可以在此處看到並告訴我是否還有問題。

<nav>
    <div class="menu_slider"></div> <a href="index.php"><div class="navigation current_page">Home</div></a>
    <a href="about_us.php"><div class="navigation">About Us</div></a>
    <a href="#" target="_blank"><div class="navigation">Blog</div></a>
    <a href="magazine.php"><div class="navigation">Magazine</div></a>
    <a href="contact.php"><div class="navigation">Contact me</div></a>
</nav>

我必須粘貼一些代碼，否則我將無法發表評論。

多謝您的協助。

Answer 1

使用jquery或將您的代碼放入window.onload方法中。 那將最有幫助。 請告訴我。