Javascript 带下拉菜单的引导移动菜单不'；行不通_Javascript_Jquery_Html_Css_Twitter Bootstrap

Javascript 带下拉菜单的引导移动菜单不'；行不通

javascript jquery html css twitter-bootstrap

Javascript 带下拉菜单的引导移动菜单不'；行不通,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,当我转到该站点的移动版本时，“Systems”（系统）下拉菜单会在进入Systems.html之前闪烁。我希望用户能够在单击“Systems”链接时看到下拉菜单，并以另一种方式访问Systems.html页面健康水系统-为您的健康提供优质水化指尖碱性水® 版权及副本；2015健康水系统有限责任公司为了创建下拉菜单，您必须将class下拉菜单添加到子菜单的父级li 下面是一个示例代码 &

当我转到该站点的移动版本时，“Systems”（系统）下拉菜单会在进入Systems.html之前闪烁。我希望用户能够在单击“Systems”链接时看到下拉菜单，并以另一种方式访问Systems.html页面


健康水系统-为您的健康提供优质水化






















指尖碱性水®




















版权及副本；2015健康水系统有限责任公司

为了创建下拉菜单，您必须将class

下拉菜单添加到子菜单的父级li

下面是一个示例代码
<li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Systems<span class="caret"></span></a>
    <ul class="dropdown-menu">
        <li><a href="brochures/ION-100.pdf" target="_blank">Ion-100</a></li>
        <li><a href="brochures/ION-400-dual.pdf" target="_blank">Ion-400</a></li>
        <li><a href="brochures/M600-BVA-dual.pdf" target="_blank">M600-BVA</a></li>                                
   </ul>
</li>









以下是BS文档的链接您是否可以在此处更清楚地“单击“系统”链接和访问Systems.html页面的另一种方式。”？您似乎要求它转到另一个页面，并在单击时打开下拉菜单。查看移动站点时，我希望在用户点击“系统”链接时显示下拉菜单，以便他们可以看到3个PDF链接。然后，如果用户想要进入systems.html，他可以双击“systems”链接。我在你的页面上没有看到任何链接，你确定你包含了它吗？我尝试了代码，但它对我不起作用。现在，它会闪烁并停留在同一页上。
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                <i class="fa fa-bars"></i>
            </button>
            <a class="navbar-brand page-scroll" href="index.html">
               <img src="img/logo.jpg" width="150">
            </a>
        </div>
        <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
            <ul class="nav navbar-nav">
                    <a href="index.html"></a>
                <li class="hidden">
                </li>
                <li>
                    <a href="systems.html">Systems</a>
                        <ul class="sub-menu">
                            <li><a href="brochures/ION-100.pdf" target="_blank">Ion-100</a></li>
                            <li><a href="brochures/ION-400-dual.pdf" target="_blank">Ion-400</a></li>
                            <li><a href="brochures/M600-BVA-dual.pdf" target="_blank">M600-BVA</a></li>                                
                        </ul>
                </li>
                <li>
                    <a href="whyalkalineh2o.html">Why Alkaline H20</a>
                </li>
                <li>
                    <a href="enhancedhydration.html">Enhanced Hydration</a>
                </li>
                <li>
                    <a href="environmental.html">Environmental</a>
                </li>
                <li>
                    <a href="contact.html">Contact</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<!-- Home -->
<header class="intro">
    <div class="intro-body">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-md-offset-0 homelogo">
                    <p align="left"><img src="img/logo.jpg" class="img-responsive" width="600"></p>
                    <p align="text-center" style="color:black;"><i>ALKALINE WATER AT YOUR FINGERTIPS &reg;</i></p>
                </div>
                <div class="col-md-12 col-md-offset-0 homewater">
                    <img src="img/watersplash.jpg" class="img-responsive" width="450">
                </div>
                <div class="col-md-12 col-md-offset-0">
                    <ul class="photo-button">
                        <li>
                            <a href="systems.html">
                                <figure>
                                    <img src="img/purifiedalkalinewater.jpg" class="img-responive">
                                        <figcaption><p>Purified Alkaline Water</p></figcaption>
                                </figure>
                            </a>
                        </li>
                        <li>
                            <a href="environmental.html">
                                <figure>
                                    <img src="img/environmentalfriendly.jpg">
                                    <figcaption><p>Environmental Friendly</p></figcaption>
                                </figure>                                    
                            </a>
                        </li>
                        <li>
                            <a href="enhancedhydration.html">
                                <figure>
                                    <img src="img/superiorhydration.jpg">
                                    <figcaption><p>Superior Hydration</p></figcaption>
                                </figure>                                    
                            </a>
                        </li>
                        <li>
                            <a href="whyalkalineh2o.html">
                                <figure>
                                    <img src="img/alkalinewaterbenefits.jpg" class="img-responive">
                                    <figcaption><p>Alkaline Water Benefits</p></figcaption>
                                </figure>
                            </a>
                        </li>
                    </ul>
                    <ul class="mphoto-button" style="padding-top:20px;">
                        <li>
                            <a href="systems.html">
                                <figure>
                                    <img src="img/purifiedalkalinewater.jpg" class="img-responive">
                                        <figcaption><p>Purified Alkaline Water</p></figcaption>
                                </figure>
                            </a>
                        </li>
                        <li>
                            <a href="environmental.html">
                                <figure>
                                    <img src="img/environmentalfriendly.jpg">
                                    <figcaption><p>Environmental Friendly</p></figcaption>
                                </figure>                                    
                            </a>
                        </li>
                        <li>
                            <a href="enhancedhydration.html">
                                <figure>
                                    <img src="img/superiorhydration.jpg">
                                    <figcaption><p>Superior Hydration</p></figcaption>
                                </figure>                                    
                            </a>
                        </li>
                        <li>
                            <a href="whyalkalineh2o.html">
                                <figure>
                                    <img src="img/alkalinewaterbenefits.jpg" class="img-responive">
                                    <figcaption><p>Alkaline Water Benefits</p></figcaption>
                                </figure>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- Footer -->
<footer>
    <div class="container text-center">
        <p>Copyright &copy; 2015 Health Water Systems LLC.</p>
    </div>
</footer>


<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/style.js"></script>
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>

<li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Systems<span class="caret"></span></a>
    <ul class="dropdown-menu">
        <li><a href="brochures/ION-100.pdf" target="_blank">Ion-100</a></li>
        <li><a href="brochures/ION-400-dual.pdf" target="_blank">Ion-400</a></li>
        <li><a href="brochures/M600-BVA-dual.pdf" target="_blank">M600-BVA</a></li>                                
   </ul>
</li>