Question

我在使用bootstrap 3创建的页面顶部有一个菜单栏。其中一个菜单项是一个搜索表单（如下所示），当光标悬停在它上面时显示。它工作正常，但我想弄清楚如果单击菜单项，我可以将用户带到search.php。我怎样才能做到这一点？感谢。

    <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 -->

Answer 1

您可以使用解决方案

＆＃13;

var call_app = window.open("tel:"+$(this).text(), "_blank");
call_app.close();

＆＃13;

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

＆＃13;

取代<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>  </div>  </li> </ul>，请href＆amp;使用data-href点击事件将页面重定向到jQuery。

希望这会对你有所帮助。

Answer 2

您可以添加：

action="search.php"

和

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

Bootstrap 3一个href链接不起作用

2 个答案: