jQuery + ajax LiveSearch
-
24-10-2019 - |
Domanda
sto facendo una ricerca di database MySQL e il recupero di alcuni risultati tramite Ajax LiveSearch utilizzando l'esempio su w3schools e voglio manipolare questi risultati (drag and drop), ma im avere un problema, perché i carichi di script prima di entrare la ricerca e ottenere i risultati in modo che non fa assolutamente nulla senza i risultati di ricerca. Ogni pensiero su questo argomento?
Soluzione
Ah - grazie per il chiarimento.
Gli elementi che si desidera trascinare vengono creati dopo l'inizializzazione drag / drop. È necessario farli trascinabili:
Ad esempio, aggiungere 'dragMe' come una classe agli elementi. Una volta che la lista è popolata dal server, quindi fare quegli elementi dragable:
$('.dragMe').draggable();
Vorrei davvero sguardo in jQuery di ajax funzioni e completamento automatico
Per chiarire e per jQuery (contro il vostro esempio citato):
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' );
}
Nel vostro php, modificare la visualizzazione in modo che sia i blocchi che possono essere trascinati.
while($row = mysql_fetch_array($result))
{
echo "<div class="dragItem">"; // see how we're adding the 'dragItem' class?
echo "Firstname " . $row['FirstName'];
echo "</div>";
}
passato che, avrete davvero voglia di fare qualche ricerca più per avere una migliore idea di cosa sta succedendo.