Информация и вопрос: Если вы запустите JSFiddle, вы заметите, что всплывающее окно всплывает, как и должно было, когда документ загружается, но когда вы нажимаете кнопку, это не так. Это тот же самый точный код, но я не могу за всю жизнь понять, почему он не имеет одинаковых результатов.Почему я могу открыть раскрывающийся список Bootstrap в документе, но не в моей собственной функции?
JSFiddle:http://jsfiddle.net/pLsuxkaa/
HTML:
<input type="button" onclick="testfun();" value="Test"/>
<p></p>
<br/>
<br/>
<div class="dropdown testmenu">
<a id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
Dropdown <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li>Content 1</li>
<li>Content 2</li>
<li>Content 3</li>
</ul>
</div>
Сценарии:
$(function()
{
$('p').html('started');
$('.testmenu .dropdown-menu').dropdown('toggle');
});
function testfun()
{
$('p').html('test button pushed');
$('.testmenu .dropdown-menu').dropdown('toggle');
}
Хм, похоже, что [загрузочные документы] (http://getbootstrap.com/javascript/#dropdowns-methods) неверен? –
@BryantMiano: кажется, да, 'Options None ', и вы можете дать опцию' toggle ', это странно, но это исправить эту проблему, протестировать ее на скрипке. –
Спасибо, Бенджамин, все отлично. Это научит меня читать документацию :) – Richard