2010-12-15 30 views
2

Je charge une section de ma page avec un appel jQuery AJAX et je souhaite utiliser qTips dans cette section. Normalement, lorsque vous chargez des fonctions jQuery via AJAX, vous utilisez la fonction .live(). Y at-il un moyen d'attacher un qTip en utilisant .live() ou y at-il un qTip équivalent? J'ai entendu dire que qTip 2.0 aurait ce support mais je ne crois pas que le 2.0 soit prêt pour le moment.qtip live() support

Est-ce que quelqu'un a une solution de contournement?

semble est ci-dessous le code complet que je crois devrait fonctionner mais ne pas:

$('.editquestion').live('click', function() { 
       $(this).qtip({ 
        overwrite:false, 
        content: { 
         url: $(this).attr('href'), 
         data: { id: 5 }, 
         method: 'get', 
         title: { 
          text: 'Edit Question', 
          button: 'Close' 
         }, 
         cache: false, 
        }, 
        position: { 
         target: $(document.body), // Position it via the document body... 
         corner: 'center' // ...at the center of the viewport 
        }, 
        show: { 
         ready:true, 
        }, 
        hide: false, 
        style: { 
         width: { 
          max: 550, 
          min: 550 
         }, 
         height: { 
          max: 300, 
          min:300 
         }, 
         padding: '14px', 
         border: { 
          width: 9, 
          radius: 9, 
          color: '#666666' 
         }, 
         name: 'light' 
        }, 
        api: { 
         beforeShow: function() { 
          // Fade in the modal "blanket" using the defined show speed 
          $('#qtip-blanket').fadeIn(this.options.show.effect.length); 
         }, 
         beforeHide: function() { 
          // Fade out the modal "blanket" using the defined hide speed 
          $('#qtip-blanket').fadeOut(this.options.hide.effect.length); 
         } 
        } 
       }); 
       return false; 
      }); 

Edit: Peut-être que je devrais mentionner aussi que le qtip utilise ajax pour charger un formulaire.

Répondre

2
+0

Hmm, merci pour la réponse. Le premier lien est celui que j'ai vu. Cela a du sens pour moi et devrait logiquement fonctionner mais ne semble pas. Il agit comme s'il créait des copies de lui-même. Chaque fois que j'appelle un qTip, il fait plus d'appels (par exemple, temps de poing: 1, deuxième fois: 2, etc.). Le deuxième lien n'a pas beaucoup de sens pour moi. N'est-ce pas à peu près la façon normale d'attacher des qtips sur une page statique? – emachine

0

Vous devez attacher le qtip lors du chargement de la nouvelle partie de la page, et non pas en cliquant dessus.

Vous pouvez également essayer de vérifier si le qtip est déjà attaché à l'objet sur lequel vous avez cliqué avant de cliquer sur. Firebug vous dira ce qu'il faut vérifier.