Question

我有一个搜索建议代码，我从之前设计的其中一个网站上获取。我将完整的代码复制到我的新网站，但知道搜索建议因某些原因无效！

请查看我的代码：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<!--search suggestions-->
<script type="text/javascript">
function lookup(inputString) {
if(inputString.length == 0) 
{
$('#suggestions').hide();
}
else
{
$.post("suggest.php", {queryString: ""+inputString+""}, function(data){
if(data.length > 0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(data);
}
});
}
} 
function fill(thisValue) {
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
function outoffocus() {
setTimeout("$('#suggestions').hide();", 200);
}
</script>

我的PHP：

<?php
if(isset($_POST['inputString']))
{ 
  $inputString = safe($_POST['inputString']);
  if(mb_strlen($inputString) > 0)
  {
     $query = $db->query("SELECT title FROM table WHERE title LIKE '$inputString%' LIMIT 5");
     if($db->num_rows($query) > 0) 
     {
        while($result = $db->fetch_array($query))
        {
           echo "<li onClick=\"fill('".$result['title']."');\"><a href='".$config['site_dir']."/".$result['title']."/'>".$result['title']."</a></li>";
        }
     }
     else
     {
        echo "NOTHING HERE GO AWAY";
     }
  } 
}
?>

我已经测试了PHP文件和SQL STATMENT。而且它们似乎都有效。

我认为这些问题存在于HTML和JQUERY中

这是我的HTML

<form id="search" action="{$url}/search.php" method="get"> 
<input type="text" name="search" id="inputString" onkeyup="lookup(this.value);" onblur="outoffocus()" onfocus="lookup(this.value);"/>
<input type="submit" value="&nbsp;" />
<div class="suggestionsBox" id="suggestions" >
 <div class="suggestionList" id="autoSuggestionsList">
&nbsp;
</div>
</div>
</form>

在回答之前你应该知道两件事：我有一个文件链接到suggest.php连接到SQL ..所以这应该不是一个问题。我放在那里的查询与我原始文件中的查询不完全相同，所以我可以告诉你问题不在MYSQL中..它在我给出的代码中的某处。

Answer 1

尝试更改以下功能：

function fill(thisValue) {
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
function outoffocus() {
setTimeout("$('#suggestions').hide();", 200);
}

到

function fill(thisValue) {
  $('#inputString').val(thisValue);
  setTimeout(function() {
    $('#suggestions').hide(); }, 200);
}
function outoffocus() {
  setTimeout(function() {
    $('#suggestions').hide();}, 200);
}

搜索建议不起作用

1 个答案: