Fonctionnement étrange avec jquery

Version imprimable

28/01/2014, 11h21
zerros

Fonctionnement étrange avec jquery

Bonjour,

Je rencontre un problème que je n'arrive pas à résoudre. Je suis en train de développer une petite application qui a un menu sur la gauche. En cliquant sur un des éléments du menu, je load une page dans un div.

Une fois cette page loadé, j'appelle des fenêtres modal pour les formulaires etc. Jusque là, pas de souci. Là ou ça se complique, c'est que lorsque je lance la modal une première fois, le fonctionnement est bon. Si je relance la modal une seconde fois, je n'ai pas le même fonctionnement.

Exemple: J'ai une modal qui contient un formulaire d'upload de fichier (utilisant jquery également pour l'upload).

Lorsque j'envoi le fichier, le % d'envoi s'affiche, puis j'affiche le nom d fichier transféré. Une fois le transfert effectué et la modal fermée, si je relance la modal, l'upload ne se termine jamais, le % ne s'affiche pas et j'ai une progress bar à la place etc. J'ai également un champ text avec un onfocus dessus, et lors que premier lancement de la modal, le onfocus fonctionne bien, mais pas lors du second lancement. je suis obligé de relaoder toute l'application pour refaire fonctionner toutes les fonctionnalité correctement.

J'ai l'impression avoir un prob de cache, mais le cache:false n'aide pas.

Auriez-vous une super idée ?

Merci :)

Ca vient peut-être de mon callback à la fermeture de ma modal:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
$('.openModal').click(
        function(event) {
                event.preventDefault();
                var href = $(this).attr('href');
                var elemt = href.split('-');
                $( elemt[0] ).dialog({
                        minHeight: 400,
                        minWidth: 700,
                        position: "center",
                        resizable: false,
                        draggable: false,
                        modal: true,
                        close: function( event, ui ) {
                                $('.blockMe').block({ message: '<img src="templates/default/img/loading.gif" />' });
                                $.ajax({
                                        type: "POST",
                                        url: elemt[1],
                                        cache: false,
                                        success:
                                                function(ret) {
                                                        $('.blockMe').unblock();
                                                        $("#main").html(ret);
                                        },
                                        statusCode: {
                                                404: function() { alert("page not found"); }
                                        }
                                });
                        }
                });
        }
);

A la fermeture, je repars chercher la page sur laquelle la personne était au moment du lancement de la modal et je la reload dans la div.

28/01/2014, 11h35
SpaceFrog

cela ne proviendrait pas du chargement, postérieur au ready, d'elements sur ta page n'héritant pas des évènement appliqués sur le ready avec .click() au lieu de on('click', ) ...
28/01/2014, 11h41
zerros

euhhh .... je ne sais pas, mais je vais de suite aller voir le on(click,

Je n'ai pas suivi cette évolution (surtout que je débute sur jquery).
28/01/2014, 11h47
zerros

oooooohhhhhh. trop fortttt :) Merci ça fonctionne parfaitement maintenant:D