visualforce+jquery的

Question

我正在尝试在一个force.com 网站。我已经上传了一个包含所有必需文件的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一样，使用全局变量 $.总是最好做这样的事情 $j = jQuery.noConflict(); 在脚本的顶部，以防止jQuery破坏原型。您还需要更改要使用的所有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>

.