2013-02-18 5 views
3

У меня есть раскрывающееся меню Bootstrap, которое отлично работает. То, что я хотел бы сделать, также вызывает открытие меню, щелкнув ссылку в другом месте на странице. (Это имеет смысл из-за того, что находится в пункте меню и т. Д.). На странице документа указано, что с ссылкой сделать что-то вроде $('.dropdown-toggle').dropdown(), или, может быть, $('.dropdown-toggle').dropdown('toggle') должно это сделать, но я не работаю для меня. Какие-либо предложения?Как переключить выпадающее меню Bootstrap по ссылке?

ответ

1

попробовать

$(".dropdown").addClass("open"); 

и

$(".dropdown").removeClass("open"); 
+1

Спасибо - я попробовал (или 'toggleClass()' версия этого), но это не сработало. Я некоторое время нащупывал код Bootstrap, и его действия по переключению очищают меню таким образом, что они удаляют класс 'open' сразу после его установки. То, что я сделал (но не особо горжусь), - это дать моей ссылке те же атрибуты, что и выпадающие меню, как раскрывающееся меню ('class = 'dropdown-toggle' и' data-toggle = 'dropdown'') и дать div, содержащий эту ссылку, в раскрывающемся классе. Затем, когда страница загружается, тот же самый вызов jQuery, который устанавливает раскрывающееся меню, устанавливает мою ссылку .... –

+0

... Мне нужна еще одна копия содержимого исходного раскрывающегося списка, а позиционирование относится к содержащему div , но, по крайней мере, что-то приближается. Sigh ... –

+0

Followup: класс '.dropdown' приносит с собой стиль' position: relative'. Таким образом, очистите это, предоставив ссылку на div 'position: inherit', присваивая' position: relative' некоторому div выше в дереве и играя с настройками полей, чтобы получить то, что вы хотите. Мне все еще жаль, что я не знаю более чистого способа сделать это, но, по крайней мере, у меня что-то работает. –