2009-06-01 10 views
0

Ich benutze Jscrollpane für mein neues Projekt. was auf der Seite großartig funktioniert.Zeige jScrollPane in Qtip

Die Seite funktioniert gut, aber wenn sie innerhalb des qtip aufgerufen wird, verschwindet die angepasste Leiste.

Siehe die Bildlaufleiste angepasst 81.171.199.24/qtip/scrollpanel.html

qtip Beispiel anzeigen (klicken Sie auf Schnee-Eule Link): 81.171.199.24/qtip/index.html

Der Entwickler von qtip schlage ich sollte das Scroll-Skript auf Ihrer QTIP Seite umfassen, und rufen Sie die jScrollPanel Methode innerhalb der onRender Rückruf von Ihre Tooltip sonst wird nicht funktionieren, da es einfach das HTML von der Seite abruft, nicht die JS auf es auch zu analysieren. So

Ich habe versucht, den Code in der onRender Funktion zu setzen wie

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

Ich habe auch versucht

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

zu verwenden, aber ich kann immer noch kein Glück bekommen.

Der Grund, warum ich glaube, nicht funktioniert, sind:

  1. Ich denke, die beiden Skript bekam Konflikt, was bedeutet, ich brauche jquery noConflict innerhalb der OnRender Funktion zu verwenden.
  2. die Bildlaufleiste div ist in der scrollpanel.html nicht auf der index.html. Wenn ich this.elements.content.jScrollPane.... verwende, sollte dies nur das Element in "#report_main_content a[rel]" betreffen.

Bitte geben Sie einige Vorschläge, vielen Dank für die Hilfe.

tanya

Antwort

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

'api' ist eine Option zum' qtip' Anruf. '$ (..). qtip ({Inhalt: 'Mein Textinhalt in Tooltip', api: {onRender: function() {alert ('onRender');}}})' ' – Znarkus