Javascript 如果使用停止折叠的jquery（'；hide'；）函数进行条件查询-引导3

我的网页上有一个响应下拉列表。在台式机/笔记本电脑浏览器上按预期工作。然而，当你使用屏幕更小的手机或ipad时，在我点击一个应该显示另一个下拉菜单的链接后，导航就会隐藏起来

这里是js函数-

$('.navbar-collapse a').click(function(){
    $(".navbar-collapse").collapse('hide');
});

以及html-

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <a href="#home"><img src="images/Logo-banner.jpg" height="auto" width="auto" /></a>
                <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon icon-bar"></span>
                    <span class="icon icon-bar"></span>
                    <span class="icon icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-right text-uppercase">
                    <li><a href="#home">Home</a></li>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle ddown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
                        <ul class="dropdown-menu scrollable-menu" role="menu">
                            <li><a href="#computer-tablet-phone-service">Computer, Tablet &amp Phone Services</a></li>
                            <li><a href="#on-site-service">On Site Services</a></li>
                            <li><a href="#remote-service">Remote Services</a></li>
                            <li><a href="#managed-services">Managed Services</a></li>
                            <li><a href="#data">Data Backup Services</a></li>
                            <li><a href="#surveillance">Surveillance Systems</a></li>
                            <li><a href="#computer-sales">New &amp Used Computer Sales</a></li>
                            <li><a href="#custom-pcs">Custom Built Computers</a></li>
                            <li><a href="#voip">VOIP Phones</a></li>
                            <li><a href="#web-design">Web Design &amp Hosting</a></li>
                        </ul>
                    </li>
                    <li><a href="/upload/index.php">Shop Online</a></li>
                    <!--<li><a href="#pricing">About</a></li>-->
                    <li><a href="#download">Download</a></li>
                    <!--<li><a href="#download">Contact</a></li>-->
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </div>
        </div>
    </nav>

---

有什么建议吗？建议？解决？以前有人看到过吗？

如果有人在启动响应下拉菜单中遇到同样的问题，单击父导航菜单后自动关闭，这里是解决方案

将一个类添加到您要单击的链接中，该链接将下拉菜单，您可以随意命名它（我将我的命名为“ddown”）：

---

就这样，祝你好运。

对于那些在引导响应下拉列表中遇到相同问题的人，在父导航菜单中单击后自动关闭，这里是解决方案

将一个类添加到您要单击的链接中，该链接将下拉菜单，您可以随意命名它（我将我的命名为“ddown”）：

---

就这样，祝你好运。

如果存在ddown，你的功能可以防止导航栏崩溃。。。。。所以这并不能解决你的问题？？不幸的是，出于某种原因，这不起作用。可能我没有将类放在正确的位置，或者引导设置正在覆盖某些内容，我需要添加一些内容以使其正常工作。请尝试在if@Vanojx1这对我的朋友起了作用。谢谢你的解决方案。我的天哪，你一直让我头疼。如果存在ddown，你的功能可以防止导航栏崩溃。。。。。所以这并不能解决你的问题？？不幸的是，出于某种原因，这不起作用。可能我没有将类放在正确的位置，或者引导设置正在覆盖某些内容，我需要添加一些内容以使其正常工作。请尝试在if@Vanojx1这对我的朋友起了作用。谢谢你的解决方案。我的天哪，那让我头疼。

$('.navbar-collapse a').click(function(){
    if(!$(this).hasClass("ddown")) {
        $(".navbar-collapse").collapse('hide');}
});

<ul class="nav navbar-nav navbar-right text-uppercase">
                    <li><a href="#home">Home</a></li>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle ddown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
                        <ul class="dropdown-menu scrollable-menu" role="menu">
                            <li><a href="#computer-tablet-phone-service">Computer, Tablet &amp Phone Services</a></li>
                            <li><a href="#on-site-service">On Site Services</a></li>
                            <li><a href="#remote-service">Remote Services</a></li>
                            <li><a href="#managed-services">Managed Services</a></li>
                            <li><a href="#data">Data Backup Services</a></li>
                            <li><a href="#surveillance">Surveillance Systems</a></li>
                            <li><a href="#computer-sales">New &amp Used Computer Sales</a></li>
                            <li><a href="#custom-pcs">Custom Built Computers</a></li>
                            <li><a href="#voip">VOIP Phones</a></li>
                            <li><a href="#web-design">Web Design &amp Hosting</a></li>
                        </ul>
                    </li>
                    <li><a href="/upload/index.php">Shop Online</a></li>

$('.navbar-collapse a').click(function(){
if($(this).hasClass("ddown")) {
    event.preventDefault();}
    else {
        $(".navbar-collapse").collapse('hide');
    }
});