jQuery UI Sortable

Question

J'ai une question, j'ai une liste triable et aussi une boîte de dialogue où j'ajouterai une tâche à stocker dans la base de données et après que je clique sur f5 pour actualiser la page alors la nouvelle tâche sera placée sur la liste triable. ce travail correctement. Je dois utiliser l'actualisation automatique pour que l'utilisateur ne tape pas toujours sur f5 pour voir la nouvelle tâche ajoutée. Comment puis-je faire ceci? J'utilise ajax pour stocker la tâche dans la base de données.

J'ai utilisé .sortable ("refresh") mais cela ne fonctionnera pas. Voici mon code:

Le code pour la liste triables

jQuery(".b ul").sortable({ 
connectWith: [".b ul"], 
revert: true 
}); 

Le code ajax pour stocker dans la base de données

jQuery.ajax({ 
type: "POST", 
url: "add-task.php", 
data: "title="+title+"&task="+task, 
success: function(html) { 
    jQuery(".b ul").sortable("refresh"); 
} 
}); 

quelqu'un qui peut aider? Merci Justin. Pourquoi ne pas simplement utiliser Insérer/Ajouter dans la liste?

Answer 1

jQuery.ajax({ 
type: "POST", 
url: "add-task.php", 
data: "title="+title+"&task="+task, 
success: function(data) { 
    jQuery("<li>"+data+"</li>").appendTo(".b ul"); 
} 
});