jquery + ajax livesearch

Question

w3schoolsの例を使用してajax livesearchを使用してMySQLデータベースの検索を行い、いくつかの結果を取得しています。これらの結果を操作したい（ドラッグアンドドロップ）が、検索を入力して結果を取得する前にスクリプトがロードされているため問題があるので問題があります。したがって、それはまったく検索結果ではありません。この問題について何か考えはありますか？

Answer 1

ああ - 説明してくれてありがとう。

ドラッグしたい要素は、ドラッグ/ドロップの初期化後に作成されています。あなたはそれらをドラッグ可能にする必要があります：

たとえば、アイテムにクラスとして「dragme」を追加します。リストがサーバーから入力されたら、それらのアイテムをドラッグ可能にします。

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

私は...するだろう 本当 jqueryのものを調べてください ajax 関数とそれら オートコンプリート

明確にし、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>";
  }

それを過ぎて、あなたは本当に何が起こっているのかをよりよく理解するためにもっと研究をしたいと思うでしょう。