11548 sujets

JavaScript, DOM et API Web HTML5

Salut,

J'ai un petit soucis avec jquery. J'ai un script ajax qui me retourne du contenu dans ce contenu j'ai des "div" pour mettre le contenu en page avec des tabs.

Le seul soucis c'est que le contenu retourné par ajax n'est pas pris en compte par jquery et il ne m'ajoute pas les "tabs".

La question comment faire pour que jquery s'occupe de ce contenu ?

Merci d'avance !
Modifié par ganjaaw (11 Nov 2010 - 21:25)
Voici le code :

$(document).ready(function() {
    
    getClassified = function(id) {
        $.ajax({
            url: 'app/classifieds/ajax/classified.php?id='+id,
            success: function(data) {
                $('#content').html(data);
            }
        });
    }
    
    $("#content").tabs();
}


Et l'ajax me retourne :


    

<ul>
    <li><a href="#tabs-1">Tab 1</a></li>
    <li><a href="#tabs-2">Tab 2</a></li>
    <li><a href="#tabs-3">Tab 3</a></li>
</ul>


<div id="tabs-1">
  <p>Test</p>
</div>
<div id="tabs-2">
  <p>Test</p>
</div>
<div id="tabs-3">
  <p>Test</p>
</div>


Si je me ce contenu en dure dans la page ça marche donc le problème se trouve bien au niveau de l’interprétation du retour ajax par jquery.
Modérateur
Bonjour,

Peut-être simplement réexécuter $("#content").tabs(); lors de la réception du contenu, parce que là il ne s'exécute qu'une fois au chargement de la page.
Modifié par Tony Monast (11 Nov 2010 - 20:40)
merci pour les réponses j'ai essayé d'appeler la fonction dans le "success" mais ca donne rien vais essayer avec le "live".
En faites j'ai fais une mauvaise manip car l'appel de la fonction à la suite de l'insertion du résultat ajax en html ca fonctionne.

En gros il faut refaire la mise en page après l'affichage du résultat !

Merci pour votre aide !