У меня есть раскрывающиеся меню CSS, jquery-диалоги и другие компоненты jquery на моей веб-странице.Работа с элементами «кругового штабеля»
Проблема, с которой я сталкиваюсь, заключается в том, что выпадающие меню должны быть выше других компонентов jquery, но ниже диалогов, а компоненты должны быть выше диалогов, но ниже раскрывающегося списка, а диалоги должны быть выше выпадающих меню но ниже компонентов.
Наглядное пособие:
Так эта проблема не так просто, как установление z-index
.
Я попытался быстро скрыть/показать меню при открытии диалога (эффективно скрывая меню, поскольку он полагается на зависание, чтобы оставаться активным, чтобы оставаться открытым).
Код:
$('.allegDropdownMenu').css("display", "none");
$('.allegDropdownMenu').css("display", "");
Проблема заключается в том, что этот код, кажется, выполнить так быстро, что он парить государство никогда не станет неактивным.
Я добавил тайм-аут 10 мс, но это похоже на действительно грязный и хакерский способ сделать это.
Так что я думаю, мне интересно, есть ли у кого-нибудь решения для этого типа проблем?
Я не уверен, я понимаю, что именно вы имеете в виду под "Singleton Components". Можете ли вы уточнить? –
@CoreyOgburn - Я изменил формулировку. Это просто другие компоненты jquery на странице. Слово singleton только подчеркивало, что я использую один и тот же компонент во всем, что означает, что я не могу просто сказать, что компонент будет отображаться по-разному в разных точках без какой-либо тяжелой модификации. – Johannes
Почему вы меняете состояние отображения на 'none', а затем' '' ', что должно было произойти? это синхронно, поэтому делать это сразу же после того, как другое не имеет особого смысла. У вашего раскрывающегося списка есть близкий метод, который позволит вам заставить его закрыться по требованию? –