Jquery 引导下拉菜单关闭在移动设备上,以为我修复了,但没有
我有以下菜单Jquery 引导下拉菜单关闭在移动设备上,以为我修复了,但没有,jquery,html,twitter-bootstrap,menu,dropdown,Jquery,Html,Twitter Bootstrap,Menu,Dropdown,我有以下菜单 <li class="navigation-item dropdown"> <a href="" class="navigation-link dropdown-toggle" data-toggle="dropdown">Dental SEO</a> <ul cl
<li class="navigation-item dropdown">
<a href="" class="navigation-link dropdown-toggle" data-toggle="dropdown">Dental SEO</a>
<ul class="dropdown-menu">
<li class="navigation-item"><a href="dental-marketing.html" class="navigation-link">Dental SEO Process</a></li>
<li class="navigation-item"><a href="dental-seo-expert.html" class="navigation-link">Dental SEO Expert</a></li>
<li class="navigation-item"><a href="why-dental-seo.html" class="navigation-link">Why Dental SEO</a></li>
<li class="navigation-item"><a href="local-map-marketing.html" class="navigation-link">Local SEO</a></li>
<li class="navigation-item"><a href="website-penalty-removal.html" class="navigation-link">Penalty Recovery</a></li>
<li class="navigation-item"><a href="free-dental-website-marketing-review.html" class="navigation-link">Free Website Review</a></li>
</ul>
</li>
<li class="navigation-item"><a href="dental-ppc-social-marketing.html" class="navigation-link">PPC & Social</a></li>
<li class="navigation-item"><a href="email-marketing.html" class="navigation-link">Email Marketing</a></li>
<li class="navigation-item dropdown"><a href="" class="navigation-link dropdown-toggle">PCM</a><ul class="dropdown-menu">
<li class="navigation-item"><a href="practice-convertion-marketing.html" class="navigation-link">Practice Conversion Marketing</a></li><li class="navigation-item"><a href="dental-app-devlopment.html" class="navigation-link">Dental Mobile APP</a></li></ul></li>
<li class="navigation-item"><a href="dental-website-design.html" class="navigation-link">Web design</a></li>
<li class="navigation-item"><a href="contact-dental-seo-ltd.html" class="navigation-link">Contact</a></li>
<li class="navigation-item"><a href="dental-seo-price.html" class="navigation-link">Pricing</a></li>
</ul>
<a href="#" class="pull-right buy-btn" data-modal-link="email-ticket">Sign Up</a>
</div>
</div>
在桌面上运行良好,但在移动设备上运行不正常,这似乎是一个众所周知的问题。问题是我对脚本不太在行,所以很难做出修改。我尝试了许多不同的方法来解决它。起初,移动设备上的菜单甚至不会下拉,所以我相信我在一个主要的js文件中做了一些更改。我还更改了查询版本,并在页面底部添加了以下内容
$('.dropdown toggle').dropdown()
这使下拉菜单能够工作,但如果单击链接,它将关闭。
有没有人知道我是如何分类的,因为我正处于智囊团状态,不太明白我在读什么
<li class="navigation-item dropdown">
<a href="" class="navigation-link dropdown-toggle" data-toggle="dropdown">Dental SEO</a>
<ul class="dropdown-menu">
<li class="navigation-item"><a href="dental-marketing.html" class="navigation-link">Dental SEO Process</a></li>
<li class="navigation-item"><a href="dental-seo-expert.html" class="navigation-link">Dental SEO Expert</a></li>
<li class="navigation-item"><a href="why-dental-seo.html" class="navigation-link">Why Dental SEO</a></li>
<li class="navigation-item"><a href="local-map-marketing.html" class="navigation-link">Local SEO</a></li>
<li class="navigation-item"><a href="website-penalty-removal.html" class="navigation-link">Penalty Recovery</a></li>
<li class="navigation-item"><a href="free-dental-website-marketing-review.html" class="navigation-link">Free Website Review</a></li>
</ul>
</li>
<li class="navigation-item"><a href="dental-ppc-social-marketing.html" class="navigation-link">PPC & Social</a></li>
<li class="navigation-item"><a href="email-marketing.html" class="navigation-link">Email Marketing</a></li>
<li class="navigation-item dropdown"><a href="" class="navigation-link dropdown-toggle">PCM</a><ul class="dropdown-menu">
<li class="navigation-item"><a href="practice-convertion-marketing.html" class="navigation-link">Practice Conversion Marketing</a></li><li class="navigation-item"><a href="dental-app-devlopment.html" class="navigation-link">Dental Mobile APP</a></li></ul></li>
<li class="navigation-item"><a href="dental-website-design.html" class="navigation-link">Web design</a></li>
<li class="navigation-item"><a href="contact-dental-seo-ltd.html" class="navigation-link">Contact</a></li>
<li class="navigation-item"><a href="dental-seo-price.html" class="navigation-link">Pricing</a></li>
</ul>
<a href="#" class="pull-right buy-btn" data-modal-link="email-ticket">Sign Up</a>
</div>
</div>
谢谢
丹修复了我添加的问题
<li class="navigation-item dropdown">
<a href="" class="navigation-link dropdown-toggle" data-toggle="dropdown">Dental SEO</a>
<ul class="dropdown-menu">
<li class="navigation-item"><a href="dental-marketing.html" class="navigation-link">Dental SEO Process</a></li>
<li class="navigation-item"><a href="dental-seo-expert.html" class="navigation-link">Dental SEO Expert</a></li>
<li class="navigation-item"><a href="why-dental-seo.html" class="navigation-link">Why Dental SEO</a></li>
<li class="navigation-item"><a href="local-map-marketing.html" class="navigation-link">Local SEO</a></li>
<li class="navigation-item"><a href="website-penalty-removal.html" class="navigation-link">Penalty Recovery</a></li>
<li class="navigation-item"><a href="free-dental-website-marketing-review.html" class="navigation-link">Free Website Review</a></li>
</ul>
</li>
<li class="navigation-item"><a href="dental-ppc-social-marketing.html" class="navigation-link">PPC & Social</a></li>
<li class="navigation-item"><a href="email-marketing.html" class="navigation-link">Email Marketing</a></li>
<li class="navigation-item dropdown"><a href="" class="navigation-link dropdown-toggle">PCM</a><ul class="dropdown-menu">
<li class="navigation-item"><a href="practice-convertion-marketing.html" class="navigation-link">Practice Conversion Marketing</a></li><li class="navigation-item"><a href="dental-app-devlopment.html" class="navigation-link">Dental Mobile APP</a></li></ul></li>
<li class="navigation-item"><a href="dental-website-design.html" class="navigation-link">Web design</a></li>
<li class="navigation-item"><a href="contact-dental-seo-ltd.html" class="navigation-link">Contact</a></li>
<li class="navigation-item"><a href="dental-seo-price.html" class="navigation-link">Pricing</a></li>
</ul>
<a href="#" class="pull-right buy-btn" data-modal-link="email-ticket">Sign Up</a>
</div>
</div>
.下拉背景{
位置:静态;
}
<li class="navigation-item dropdown">
<a href="" class="navigation-link dropdown-toggle" data-toggle="dropdown">Dental SEO</a>
<ul class="dropdown-menu">
<li class="navigation-item"><a href="dental-marketing.html" class="navigation-link">Dental SEO Process</a></li>
<li class="navigation-item"><a href="dental-seo-expert.html" class="navigation-link">Dental SEO Expert</a></li>
<li class="navigation-item"><a href="why-dental-seo.html" class="navigation-link">Why Dental SEO</a></li>
<li class="navigation-item"><a href="local-map-marketing.html" class="navigation-link">Local SEO</a></li>
<li class="navigation-item"><a href="website-penalty-removal.html" class="navigation-link">Penalty Recovery</a></li>
<li class="navigation-item"><a href="free-dental-website-marketing-review.html" class="navigation-link">Free Website Review</a></li>
</ul>
</li>
<li class="navigation-item"><a href="dental-ppc-social-marketing.html" class="navigation-link">PPC & Social</a></li>
<li class="navigation-item"><a href="email-marketing.html" class="navigation-link">Email Marketing</a></li>
<li class="navigation-item dropdown"><a href="" class="navigation-link dropdown-toggle">PCM</a><ul class="dropdown-menu">
<li class="navigation-item"><a href="practice-convertion-marketing.html" class="navigation-link">Practice Conversion Marketing</a></li><li class="navigation-item"><a href="dental-app-devlopment.html" class="navigation-link">Dental Mobile APP</a></li></ul></li>
<li class="navigation-item"><a href="dental-website-design.html" class="navigation-link">Web design</a></li>
<li class="navigation-item"><a href="contact-dental-seo-ltd.html" class="navigation-link">Contact</a></li>
<li class="navigation-item"><a href="dental-seo-price.html" class="navigation-link">Pricing</a></li>
</ul>
<a href="#" class="pull-right buy-btn" data-modal-link="email-ticket">Sign Up</a>
</div>
</div>
要引导css并使其工作请提供一个工作示例,否则很难帮助hi,域是-dentalseotd.co.uk。奇怪的是,你第一次点击下拉菜单项,菜单就关闭了。当您返回菜单并再次单击任何下拉项时,它将进行导航,您必须重复打开-关闭并单击一次,才能使下拉菜单中的菜单项正常工作。因此,您必须在菜单中单击两次才能使下拉菜单正常工作。不要双击。
<li class="navigation-item dropdown">
<a href="" class="navigation-link dropdown-toggle" data-toggle="dropdown">Dental SEO</a>
<ul class="dropdown-menu">
<li class="navigation-item"><a href="dental-marketing.html" class="navigation-link">Dental SEO Process</a></li>
<li class="navigation-item"><a href="dental-seo-expert.html" class="navigation-link">Dental SEO Expert</a></li>
<li class="navigation-item"><a href="why-dental-seo.html" class="navigation-link">Why Dental SEO</a></li>
<li class="navigation-item"><a href="local-map-marketing.html" class="navigation-link">Local SEO</a></li>
<li class="navigation-item"><a href="website-penalty-removal.html" class="navigation-link">Penalty Recovery</a></li>
<li class="navigation-item"><a href="free-dental-website-marketing-review.html" class="navigation-link">Free Website Review</a></li>
</ul>
</li>
<li class="navigation-item"><a href="dental-ppc-social-marketing.html" class="navigation-link">PPC & Social</a></li>
<li class="navigation-item"><a href="email-marketing.html" class="navigation-link">Email Marketing</a></li>
<li class="navigation-item dropdown"><a href="" class="navigation-link dropdown-toggle">PCM</a><ul class="dropdown-menu">
<li class="navigation-item"><a href="practice-convertion-marketing.html" class="navigation-link">Practice Conversion Marketing</a></li><li class="navigation-item"><a href="dental-app-devlopment.html" class="navigation-link">Dental Mobile APP</a></li></ul></li>
<li class="navigation-item"><a href="dental-website-design.html" class="navigation-link">Web design</a></li>
<li class="navigation-item"><a href="contact-dental-seo-ltd.html" class="navigation-link">Contact</a></li>
<li class="navigation-item"><a href="dental-seo-price.html" class="navigation-link">Pricing</a></li>
</ul>
<a href="#" class="pull-right buy-btn" data-modal-link="email-ticket">Sign Up</a>
</div>
</div>