Bootstrap 3 a href链接不工作

我在用引导程序3创建的页面顶部有一个菜单栏。其中一个菜单项是一个搜索窗体（如下所示），当光标悬停在其上时显示。它工作正常，但我想弄清楚如何让用户到search.php如果菜单项被点击。我怎样才能做到这一点？谢谢。Bootstrap 3 a href链接不工作

<li class="dropdown"> 
    <a href="search.php" class="dropdown-toggle js-activated">Search</a> 

    <div class="dropdown-menu"> 
    <form id="search" class="navbar-form search" role="search" action="" method="GET"> 
     <input type="search" id="searchquery" name="searchquery" class="form-control" placeholder="Search editors"> 
     <button type="submit" id="name_search" name="name_search" class="btn btn-default btn-submit icon-right-open"></button> 
    </form> 

    <div class="col-xs-12"> 
     <div id="searchquery_results"></div> 
    </div> 
    <!-- /.dropdown-menu --> 
    </div> 
    <!-- /.dropdown-menu --> 
</li> 
<!-- /.searchbox -->

来源

2017-08-26 JulianJ

Bootstrap防止默认操作'onclick'用于下拉式切换，因为这是您触发下拉菜单的方式。如何切换clicl *和*到'search.php'的下拉菜单？ – BenM

在这里，你去了一个解决方案

$('a:contains("Search")').click(function(){ 
 
    window.location.href = $(this).data('href'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li class="dropdown"> 
 
    <a data-href="search.php" class="dropdown-toggle js-activated">Search</a> 
 

 
    <div class="dropdown-menu"> 
 
    <form id="search" class="navbar-form search" role="search" action="" method="GET"> 
 
     <input type="search" id="searchquery" name="searchquery" class="form-control" placeholder="Search editors"> 
 
     <button type="submit" id="name_search" name="name_search" class="btn btn-default btn-submit icon-right-open"></button> 
 
    </form> 
 

 
    <div class="col-xs-12"> 
 
     <div id="searchquery_results"></div> 
 
    </div> 
 
    <!-- /.dropdown-menu --> 
 
    </div> 
 
    <!-- /.dropdown-menu --> 
 
</li> 
 
</ul>

而不是href，请您data-href &使用jQuery点击事件重定向页面到search.php。

希望这会帮助你。

来源

2017-08-26 09:03:34 Shiladitya

您可以添加：

action="search.php"

和：

<li class="dropdown" onclick="location.href='search.php';">

来源

2017-08-26 08:36:00

如果用户点击表单域，这将触发'onclick'处理程序。 – BenM

Bootstrap 3 a href链接不工作

回答

相关问题