Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 引导下拉菜单关闭在移动设备上,以为我修复了,但没有_Jquery_Html_Twitter Bootstrap_Menu_Dropdown - Fatal编程技术网

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>