2014-01-16 4 views
1

Прежде всего, привет и спасибо. «Во-вторых, мне нужно, чтобы выпадающее меню загрузки было открыто, когда выпадающее меню имеет класс». Если кто-то есть проблемы с этим ниже решением благодаря @LuceosKeep Bootstrap 3 Dropdown open, когда класс активен

<ul class="nav navbar-nav"> 
<li><a href="#">1</a></li> 
<li><a href="#>2</a></li> 
<li class="dropdown active"><a href="#" class="dropdown-toggle" data-toggle="dropdown">3<b class="caret"></b></a> 
    <ul class="dropdown-menu"> 
     <ul class="list-inline"> 
      <li><a href="#">3-1</a></li> 
      <li><a href="#">3-2</a></li> 
      <li class="active"><a href="#">3-3</a></li> 
     </ul> 
    </ul> 
</li> 
<li><a href="#">4</a></li> 
<li><a href="#">5</a></li> 
<li><a href="#">6</a></li> 

«Активный класс добавить с помощью PHP, но как достичь этого ниспадающее меню открывается, когда активный класс находится в ссылке 3 или 3 и 3-1, 3 и 3-2,3 и 3-3 при загрузке страницы? " Если раскрывающийся список активен, когда страница загружена, раскрывающийся список открыт и не может быть закрыт.

Решение:

$(function(){ 
$(".dropdown.active").toggleClass("open",true); 
$(".dropdown.active").on("hide.bs.dropdown",function(e) { 
    e.preventDefault(); 
    return false; 
}); 
}); 

ответ

0

Согласно this спецификации, вы можете добавить класс open к элементу списка, чтобы открыть его при загрузке браузера ..

// listen for browser/jquery ready 
$(function() 
{ 
    $(".dropdown.active").toggleClass("open",true); 
}); 

Я вижу, вы хотите предотвратить его закрытие?

$(function() 
{ 
    $(".dropdown.active").on("hide.bs.dropdown",function(e) { 
     e.preventDefault(); 
     return false; 
    }); 
}); 
+0

Я пробовал аналогичный подход, но с тем же результатом (только для предотвращения прекращения работы). Я изменил ваше решение, удалив точку из открытого класса и теперь работаю, спасибо большое. – user3203140

+0

Ах, извините, иногда ошибки попадают, даже если вы так стараетесь не получить. Я обновил ответ. – Luceos

+0

У меня с трудом получается, чтобы эта работа работала по следующему URL-адресу: http://www.shandakenprojects.org/ Любая идея, что может пойти не так? –

Смежные вопросы