visualforce+jquery的
-
13-11-2019 - |
题
我正在尝试在一个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不起作用。
任何帮助赞赏, 干杯!
解决方案
这里有几件事要检查:
Salesforce使用prototype。js和jQuery一样,使用全局变量
$
.总是最好做这样的事情$j = jQuery.noConflict();
在脚本的顶部,以防止jQuery破坏原型。您还需要更改要使用的所有javascript$j
而不是$
对于jQuery的东西。看起来你的jquery插件脚本在jQuery本身之前加载。确保你的第一个
apex:includeScript
加载jQuery。我的浏览器在您的VF页面中报告语法错误:
其他提示
<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>
.
不隶属于 StackOverflow