Я создаю скрытое меню в jquery. Идея состоит в том, чтобы поместить ее во все остальные элементы, когда она выбрана. Другие элементы в основном являются братьями и сестрами меню. Я использую 'object.css (' z-index ')', чтобы получить эффект. Он работает, когда в моем коде я использую конкретные классы братьев и сестер. Но когда я держу его более общим, используя 'object.siblings(). Css()', я не имею никакого эффекта. Я бы не хотел использовать классы, чтобы коды были более общими, насколько это возможно. Все элементы уже установлены.Z-index на элементах братьев и сестер с JQuery
Структура HTML выглядит следующим образом.
<html>
<body>
<div class="nav">
</div>
<div class="top">
</div>
<div class="container">
</div>
</body>
</html>
где «.nav» мое скрытое меню Ниже в Jquery, где я применяю Z-индексы:
label.on('click', function() {
if (sbar.css('visibility') === 'hidden') {
$('.button').animate({'right': '+=201px'}, 200);
$('.sidebar').css({'visibility':'visible'})
wrapper.css('z-index', '1');
$('.container').css('z-index', '-1');
$('.top').css('z-index', '-1');
} else {
$('.button').animate({'right': '-=201px'},200);
$('.sidebar').css({'visibility':'hidden'});
wrapper.css('z-index', 'initial');
$('.container').css('z-index', 'initial');
$('.top').css('z-index', 'initial');
Как и эти коды делают свою работу на Z-индекс. Но если я изменю классов $ («контейнер.„) И $“и объединить коды в .sibling» селектор типа (сверху.)»:
wrapper.siblings().css({'z-index': '-1'});
Он просто не work.Any предложения о том, что я мог сделать неправильно? Спасибо.
Спасибо большое. Я попробовал ваше решение, но по некоторым причинам это не сработало. Я решил переписать коды позже, чтобы использовать другой подход. –