当我单击网站上的链接时，它没有打开？为什么会这样呢？

Arnab 发表于 Dev

兔子

我有一个奇怪的问题，当我单击special-treatment.html链接时，该链接不起作用？有人可以帮我吗。

我的html代码在这里

<div id="navbar-collapse-1" class="navbar-collapse collapse navbar-right">
    <ul class="nav navbar-nav">


        <li class="dropdown"><a href="special-treatment.html" data-toggle="dropdown" class="dropdown-toggle">Special Treatments </a>
            <ul class="dropdown-menu" role="menu">
                <li><a href="psoriasis-treatment.html">Psoriasis Treatment</a></li>
                <li><a href="arthritis-treatment.html">Arthritis Treatment</a></li>
                <li><a href="paralysis-treatment.html">Paralysis Treatment</a></li>
                <li><a href="asthma-treatment.html">Asthma Treatment</a></li>
                <li><a href="diabetes-treatment.html">Diabetes Treatment</a></li>
                <li><a href="hypertension-treatment.html">Hypertension Treatment</a></li>
                <li><a href="facial-paralysis-treatment.html">Facial Paralysis Treatment</a></li>
                <li><a href="cervical-spondylosis-treatment.html">Cervical Spondylosis Treatment</a></li>
                <li><a href="schelerosis-treatment.html">Multiple Schelerosis Treatment</a></li>
            </ul><!-- end dropdown-menu -->
        </li><!-- end standard drop down -->

        <li class="dropdown"><a href="knowledge-base.html" data-toggle="dropdown" class="dropdown-toggle">Knowledge Base  </a>
            <ul class="dropdown-menu" role="menu">
                <li><a href="panchakarma.html">Panchakarma</a></li>
                <li><a href="women-health.html">Women Health</a></li>
                <li><a href="herbs.html">Medicinal Herbs</a></li>
                <li><a href="yoga.html">Yoga</a></li>
                <li><a href="music-therapy.html">Music Therapy</a></li>
                <!--<li><a href="#.html">Appointment Form</a></li>-->
                <li><a href="principles-of-ayurveda.html">Principles of Ayurveda</a></li>
            </ul><!-- end drop down menu -->
        </li><!-- end drop down -->



    </ul><!-- end navbar-nav -->
</div><!-- #navbar-collapse-1 -->

Lighty_46

我看到您进行这项工作的唯一方法是这样的：

您不能将“特殊处理”按钮既是链接又是下拉按钮，因此，请添加一个下拉箭头，然后将特殊处理作为链接。

http://jsfiddle.net/Lctfn3j2/1/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div>
    <ul>
        <li class="dropdown"><a href="special-treatment.html">Special Treatments</a><a href="" data-toggle="dropdown" class="dropdown-toggle"><img src="http://cdns2.freepik.com/free-photo/down-arrow-in-small-circle_318-25293.jpg" width="30" /></a>

            <ul class="dropdown-menu" role="menu">
                <li><a href="psoriasis-treatment.html">Psoriasis Treatment</a>
                </li>
                <li><a href="arthritis-treatment.html">Arthritis Treatment</a>
                </li>
                <li><a href="paralysis-treatment.html">Paralysis Treatment</a>
                </li>
                <li><a href="asthma-treatment.html">Asthma Treatment</a>
                </li>
                <li><a href="diabetes-treatment.html">Diabetes Treatment</a>
                </li>
                <li><a href="hypertension-treatment.html">Hypertension Treatment</a>
                </li>
                <li><a href="facial-paralysis-treatment.html">Facial Paralysis Treatment</a>
                </li>
                <li><a href="cervical-spondylosis-treatment.html">Cervical Spondylosis Treatment</a>
                </li>
                <li><a href="schelerosis-treatment.html">Multiple Schelerosis Treatment</a>
                </li>
            </ul>
            <!-- end dropdown-menu -->
        </li>
        <!-- end standard drop down -->
        <li class="dropdown"><a href="knowledge-base.html">Knowledge Base</a><a href="" data-toggle="dropdown" class="dropdown-toggle"><img src="http://cdns2.freepik.com/free-photo/down-arrow-in-small-circle_318-25293.jpg" width="30" /></a>

            <ul class="dropdown-menu" role="menu">
                <li><a href="panchakarma.html">Panchakarma</a>
                </li>
                <li><a href="women-health.html">Women Health</a>
                </li>
                <li><a href="herbs.html">Medicinal Herbs</a>
                </li>
                <li><a href="yoga.html">Yoga</a>
                </li>
                <li><a href="music-therapy.html">Music Therapy</a>
                </li>
                <!--<li><a href="#.html">Appointment Form</a></li>-->
                <li><a href="principles-of-ayurveda.html">Principles of Ayurveda</a>
                </li>
            </ul>
            <!-- end drop down menu -->
        </li>
        <!-- end drop down -->
    </ul>
    <!-- end navbar-nav -->
</div>
<!-- #navbar-collapse-1 -->