Question

我有一个网站，我可以搜索数据库中的东西，现在让它成为船只。

我使用此表格

<form method="post" action="">
    <input type="text" class="form-control" id="searchField" name="searchField" autocomplete="off"/>
</form>
<div id="searchResults"></div>

这个jquery显示serch结果

//Autocomplete search field
$("#searchField").keyup(function(){
    var input = $("#searchField").val();
    $("#searchResults").html("");
    input = $.trim(input);
    if(input){
        $.post( "source/pages/processing/search_boats.php", {inputString:""+input+""}, function( data ) {
            $( "#searchResults" ).html( data );
        });
    }   
});

search_boats.php如下所示：

<?php 
$input = $_POST['inputString'];
$sql = mysqli_query($dbcon, "SELECT boat_name FROM boats WHERE boat_name LIKE '%".$input."%' ORDER BY boat_name LIMIT 5 ");
echo "<ul id='searchUL'>";
while($row = $sql -> fetch_array()){
?>
    <div class="row">
        <div class="col-md-4">
            <a href="#" onclick="return displayRest();"><? echo $row['boat_name']?></a>
        </div>
    </div>      
<?

现在这个工作完美 - 就像我想要的那样。但是，当这些搜索结果出现在网站上时，我无法在其上添加任何点击事件。我试过制作纽扣，锚。我怀疑jquery还没有为这个添加的搜索结果做好准备，我正在取代用户。例如，我可以在点击任何锚标签时隐藏名为myDiv的div

喜欢这样..

$("a").click(function(){
        $("#myDiv").toggle();
    });

但是当我点击搜索结果上的锚点时，myDiv没有被隐藏。

可能是什么问题？

Answer 1

试试这个

$('body').on('click','a',function(){
      $("#myDiv").toggle();
});

我的网站搜索结果不受jquery的影响

1 个答案: