visualforce + jquery

Question

Estoy tratando de implementar un jquery galería plugin en un force.com sitio.He subido un archivo zip que contiene todos los archivos necesarios como un recurso estático.

Me refiero a las hojas de estilo y javascript de la siguiente manera:

<apex:includeScript value="{!URLFOR($Resource.jqueryadgallery, 'jquerygallery/jquery.ad-gallery.js')}" />
<apex:stylesheet value="{!URLFOR($Resource.jqueryadgallery, 'jquerygallery/jquery.ad-gallery.css')}"/>

Esto funciona y me estoy poniendo de los asociados CSS para el plugin(ver aquí - http://coffeescripter.com/code/ad-gallery/).Pero la única parte en la que trabajo es la imagen de las miniaturas que se muestran con el borde de la imagen se define en el archivo CSS.Usted puede ver lo que he hecho aquí - http://fusedev-developer-edition.ap1.force.com/ImageDemo.He seguido la documentación, pero a mí me parece que el JavaScript no está funcionando.

Cualquier ayuda es apreciada, Saludos

Answer 1

Aquí están algunas cosas que debe comprobar:

• Salesforce utiliza prototype.js que, como jQuery, utiliza la variable global $.Siempre es mejor hacer algo como $j = jQuery.noConflict(); en la parte superior de la secuencia de comandos con el fin de prevenir jQuery de clobbering prototipo.Usted también tendrá que cambiar todos tus javascript para usar $j en lugar de $ para jQuery.

• Parece que el plugin de jquery script es llegar cargado antes de jQuery en sí.Asegúrese de que su primera apex:includeScript carga de jQuery.

• Mi navegador es informar de un error de sintaxis en su VF página:

Answer 2

<apex:includeScript value="{!URLFOR($Resource.jquery, '/jquery/external/jquery/jquery.js')}"/>
<apex:includeScript value="{!URLFOR($Resource.jquery, '/jquery/jquery-ui.min.js')}"/>

<script>
    j$ = jQuery.noConflict();
    if(j$){
        alert('Success');
    }else{
        alert('Failure');
    }
</script>