Кажется, я не могу отделить элементы навигации и содержимое, которое они содержат - PullRequest
Новая
       5

Кажется, я не могу отделить элементы навигации и содержимое, которое они содержат

0 голосов
/ 19 мая 2019

Когда я нажимаю на кнопку Home, about или регистрирую кнопки глобальной навигационной панели, я хочу, чтобы они отображали только содержимое элементов навигации, а не все остальное, в настоящее время моя страница регистрации остается в середине, хотя я иду на главную страницу или на страницу about.он остается.

JavaScript используется для навигации 

console.log('This is the index page!');

$('.page.home-page').show();

$('.page-link').click(function (event) {

    `event.preventDefault();`

    const name = `this.dataset.page`;

    $('.page').hide();

    $('.' + name + '-page').show();
});

1 Ответ

0 голосов
/ 19 мая 2019

Вы можете попробовать этот пример.

Вот код HTML 

<ul>
    <li>
        <a href="#home" class="page-link">Home</a>
    </li>
    <li>
        <a href="#about" class="page-link">About</a>
    </li>
</ul>

<div id="home" class="page">This is home</div>
<div id="about" class="page">This is about</div>

Тогда вот код JS 

// hide all pages
$('.page').hide();

// show home
$('#home').show();

$('a.page-link').click(function(e) {
    e.preventDefault();

    // get the value of href from clicked link
    var page = $(this).attr('href');

    // hide all pages
    $('.page').hide();

    // show the selected page
    $(page).show();
});
...