Bootstrap 3 Ein href-Link funktioniert nicht

Question

Ich habe eine Menüleiste am oberen Rand einer mit Bootstrap 3 erstellten Seite. Einer der Menüpunkte ist ein Suchformular (siehe unten), das angezeigt wird, wenn ein Cursor darüber fährt. Es funktioniert gut, aber ich versuche herauszufinden, wie ich den Benutzer zu search.php nehmen kann, wenn der Menüpunkt angeklickt wird. Wie kann ich das machen? Vielen Dank.

<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

Hier können Sie mit einer Lösung gehen

$('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>

Anstatt href, bitte Sie data-href & mit jQuery klicken Ereignis umleiten die Seite zu search.php.

Hoffe, das wird Ihnen helfen.

Answer 2

Sie können hinzufügen:

action="search.php" 

und:

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