2009-06-01 5 views
0

J'utilise Jscrollpane pour mon nouveau projet. ce qui fonctionne très bien sur la page.Afficher jScrollPane dans Qtip

La page fonctionne correctement mais lorsqu'elle est appelée à l'intérieur du qtip, la barre personnalisée disparaît.

Voir la barre de défilement sur mesure 81.171.199.24/qtip/scrollpanel.html

Voir un exemple qtip (cliquez sur neige lien Owl): 81.171.199.24/qtip/index.html

Le développeur de qtip suggère j'inclure le script de défilement de votre page Qtip, et appelez le jScrollPanel méthode dans le onRender rappel de votre infobulle ne fonctionnera pas autrement, car il récupère simplement le code HTML de la page, ne pas l'analyser aussi.

J'ai donc essayé de mettre le code dans la fonction onRender comme

onRender: function(){ 
    $Q('#pop-panel').jScrollPane({scrollbarWidth:15,scrollbarMargin:0}); 
} 

J'ai aussi essayé d'utiliser

onRender: function(){ 
    this.elements.content.jScrollPane({scrollbarWidth:15, scrollbarMargin:0}); 
} 

Mais je ne peux toujours pas de chance.

La raison pour laquelle je pense ne fonctionne pas sont:

  1. Je pense que le script deux a conflit, ce qui signifie que je dois utiliser noconflict jquery dans la fonction OnRender.
  2. la div scrollbar est dans le scrollpanel.html pas sur l'index.html. Si j'utilise this.elements.content.jScrollPane...., cela ne devrait affecter que l'élément à l'intérieur de "#report_main_content a[rel]".

S'il vous plaît donner quelques suggestions, merci beaucoup pour l'aide.

tanya

Répondre

1
api: { 
    onRender: function(){ 
     alert("here"); 
    } 
} 
+0

'api' est une option à l'appel' qtip'. '$ (..). qtip ({content: 'Mon contenu textuel dans l'info-bulle', api: {onRender: function() {alert ('onRender');}}});' – Znarkus

Questions connexes