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鏈接不工作

回答

相關問題