JQuery + Ajax Livessearch

Question

Ich mache eine mySQL -Datenbanksuche und rufe einige Ergebnisse über Ajax Livessearch mit dem Beispiel auf W3schools ab und ich möchte diese Ergebnisse manipulieren (ziehen Sie sie ab), aber ich habe ein Problem, weil das Skript lädt, bevor Sie die Suche eingeben und die Ergebnisse erhalten Es tut also absolut nichts, was die Suchergebnisse nein. Irgendwelche Gedanken zu dieser Angelegenheit?

Answer 1

Ah - Danke für die Klarstellung.

Die Elemente, die Sie ziehen möchten, werden nach der Initialisierung der Drag/Drop -Initialisierung erstellt. Sie müssen sie draggierbar machen:

Fügen Sie beispielsweise "Dragme" als Klasse zu den Elementen hinzu. Sobald die Liste vom Server besiedelt ist, machen Sie diese Elemente dragbar:

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

Ich würde Ja wirklich Schauen Sie sich JQuery's an Ajax Funktionen und ihre Autocomplete

Zur Klärung und für JQuery (gegen Ihr zitiertes Beispiel):

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' );
}

Ändern Sie in Ihrem PHP Ihr Display, damit es Blöcke sind, die gezogen werden können.

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

Danach werden Sie wirklich mehr nachforschen wollen, um eine bessere Vorstellung davon zu bekommen, was los ist.