jQuery + ajax 实时搜索

Question

我正在使用 w3schools 上的示例进行 mysql 数据库搜索并通过 ajax livesearch 检索一些结果，我想操作这些结果（拖放它们）但我遇到了问题，因为脚本在您输入搜索之前加载并且得到结果，所以它绝对没有搜索结果。对这个问题有什么想法吗？

Answer 1

啊-感谢您的澄清。

您要拖动的元素是在拖放初始化之后创建的。您需要使它们可拖动：

例如，将“dragMe”作为类添加到项目中。从服务器填充列表后，使这些项目可拖动：

$('.dragMe').draggable();

我会真的研究 jQuery 的 ajax 函数及其 autocomplete

为了澄清和 jquery（针对您引用的示例）：

function showUser(str)
{
   $.get( 'getuser.php', { q: str },
       function(data) {
          $('#txtHint').html( data ); // add the returned content to #txtHint
          $('#txtHint').find('.dragItem').draggable(); //make the new items draggable
       }, 'html' );
}

在您的 php 中，更改您的显示，使其成为可以拖动的块。

while($row = mysql_fetch_array($result))
  {
  echo "<div class="dragItem">"; // see how we're adding the 'dragItem' class? 
  echo "Firstname " . $row['FirstName'];
  echo "</div>";
  }

除此之外，您真的需要做更多的研究以更好地了解正在发生的事情。