visualforce + jquery

Question

我正在尝试在一个force.com站点中实现一个jquery图库插件。我上传了一个zip文件，其中包含作为静态资源的所有必需文件。

我引用样式表和javascript如下：

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

这是可行的，我正在获取插件的相关CSS (请在这里查看- http://coffeescripter.com/code/ad-gallery/)。但唯一起作用的部分是图像缩略图与CSS文件中定义的图像边框一起显示。你可以在这里看到我做了什么- http://fusedev-developer-edition.ap1.force.com/ImageDemo。我遵循了文档，但在我看来JavaScript不工作。

感谢任何帮助，干杯

Answer 1

以下是需要检查的几件事：

• Salesforce使用prototype.js，它和jQuery一样，使用全局变量$。为了防止jQuery破坏prototype，最好在脚本的顶部执行类似$j = jQuery.noConflict();的操作。你还需要修改你所有的javascript来使用$j而不是$来处理jQuery的东西。
• 看起来你的jquery插件脚本在jQuery本身之前就被加载了。确保你的第一个apex:includeScript加载了jQuery。
• 我的浏览器在你的VF页面中报告了一个语法错误：

​

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>

​