Visualforce + JQuery
-
13-11-2019 - |
Frage
Ich versuche, ein JQuery-Galerie-Plugin in einer Force.com-Site zu implementieren.Ich habe eine ZIP-Datei hochgeladen, die alle erforderlichen Dateien als statische Ressource enthält.
Ich beziehe mich wie folgt auf die Stylesheets und das Javascript:
<apex:includeScript value="{!URLFOR($Resource.jqueryadgallery, 'jquerygallery/jquery.ad-gallery.js')}" />
<apex:stylesheet value="{!URLFOR($Resource.jqueryadgallery, 'jquerygallery/jquery.ad-gallery.css')}"/>
Das funktioniert und ich erhalte das zugehörige CSS für das Plugin (sehen Sie es sich hier an – http://coffeescripter.com/code/ad-gallery/).Aber der einzige Teil, der funktioniert, ist, dass die Miniaturansichten der Bilder mit dem in der CSS-Datei definierten Bildrand angezeigt werden.Sie können hier sehen, was ich getan habe - http://fusedev-developer-edition.ap1.force.com/ImageDemo.Ich habe die Dokumentation befolgt, aber es scheint mir, dass JavaScript nicht funktioniert.
Jede Hilfe geschätzt, Prost
Lösung
Hier sind ein paar Dinge, die Sie überprüfen sollten:
Salesforce verwendet Prototyp.js, das wie jQuery die globale Variable verwendet
$
.Es ist immer am besten, so etwas zu tun$j = jQuery.noConflict();
am Anfang Ihres Skripts, um zu verhindern, dass jQuery den Prototyp überlastet.Sie müssen außerdem Ihr gesamtes Javascript ändern, um es verwenden zu können$j
anstatt$
für jQuery-Sachen.Es sieht so aus, als ob Ihr JQuery-Plugin-Skript vor JQuery selbst geladen wird.Stellen Sie sicher, dass Ihr erster
apex:includeScript
lädt jQuery.Mein Browser meldet einen Syntaxfehler auf Ihrer VF-Seite:
Andere Tipps
generasacodicetagpre.