我有点难题...... 我在wordpress网站（本地）上使用bootstrap，我正在经历一个奇怪的效果（我认为会是）一个简单的slideToggle事件。仅供参考，它只发生在移动设备上，我没有使用Bootstrap的js文件 - 只是css。
我有一个LI列表，其中一些是UL及其各自的LI。
嵌套的UL显示为none，单击其父LI时会触发事件 - slideToggle。
在常规桌面上，它可以在大型显示端口和移动模拟器上正常工作。但在任何移动设备上，slideToggle事件只发生一次。我点击它打开，我再次点击它关闭，我再次点击，没有任何反应。但是，如果我在点击事件中发出警报，即使UL没有，警报也会始终触发。我尝试了不同的选择器，添加了一个停止传播事件，似乎没有什么能解决这个问题。
当然，在我下面的例子中，它工作正常。另请注意，如果我禁用bootstrap的css，它可以在所有平台上正常工作。但我没有看到bootstrap向LI或嵌套UL添加任何其他类。
$('a.dropdown-toggle').click( function() {
$(this).siblings('ul.dropdown-menu').slideToggle(350);
});ul.dropdown-menu {
display: none;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="menu-main-menu" class="nav navbar-nav opened-ul"><li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"><a title="Home" href="#">Link1</a></li>
<li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9 dropdown">
<a title="Work" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">Link 2 > <span class="caret"></span></a>
<ul role="menu" class=" dropdown-menu" style="display: none;">
<li id="menu-item-41" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-41"><a title="Portfolio" href="#">Link Link 1</a></li>
<li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a title="Case Studies" href="#">Link link 2</a></li>
</ul>
</li>
<li id="menu-item-10" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10"><a title="About" href="#">Link 3</a></li>
<li id="menu-item-11" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-11 dropdown"><a title="Rants" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">Link 4 > <span class="caret"></span></a>
<ul role="menu" class=" dropdown-menu">
<li id="menu-item-16" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16"><a title="News" href="#">Link Link 3</a></li>
<li id="menu-item-42" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-42"><a title="Discoveries" href="#">Link Link 4</a></li>
</ul>
</li>
<li id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12"><a title="Contact" href="#">Link 5</a></li>
<li id="menu-item-13" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13"><a title="Search">Link 6</a></li>
</ul>
提前感谢您的任何意见。