Javascript 在何处将提供的JSFIDLE中的社交共享代码添加到fancybox
这是一个非常非常基本的问题,因为我对Javascript和Jquery是全新的,但我似乎在任何地方都找不到答案 我正在尝试在我们网站的一个页面上实现FancyBox,包括FancyBox提示和技巧提供的附加社交共享按钮 以下是我到目前为止所做的(还没有社交分享),我很喜欢: 问题是我不知道在哪里将社交共享按钮的代码添加到提供的jquery.fancybox.js文件中。我只是太新了,无法确定函数应该在哪里。我已经在JSFIDLE中找到了它,这样它就可以工作了,我只是不知道现在把它放在我的网站上的什么地方,这样它就可以正常工作了 以下是我在JSFIDLE中得出的结论:Javascript 在何处将提供的JSFIDLE中的社交共享代码添加到fancybox,javascript,jquery,facebook,fancybox,Javascript,Jquery,Facebook,Fancybox,这是一个非常非常基本的问题,因为我对Javascript和Jquery是全新的,但我似乎在任何地方都找不到答案 我正在尝试在我们网站的一个页面上实现FancyBox,包括FancyBox提示和技巧提供的附加社交共享按钮 以下是我到目前为止所做的(还没有社交分享),我很喜欢: 问题是我不知道在哪里将社交共享按钮的代码添加到提供的jquery.fancybox.js文件中。我只是太新了,无法确定函数应该在哪里。我已经在JSFIDLE中找到了它,这样它就可以工作了,我只是不知道现在把它放在我的网站上
$(“.fancybox”)
.attr('rel','gallery')
.fancybox({
beforeShow:函数(){
如果(本标题){
//新线
this.title+='
';
//添加tweet按钮
此.title+='';
//添加类似FaceBook的按钮
此.title+='';
}
},
afterShow:function(){
//渲染tweet按钮
twttr.widgets.load();
},
助手:{
标题:{
类型:“内部”
}
}
});
`
有人能告诉我在jquery.fancybox.js文件(可从fancybox下载)中这需要放在哪里吗。也许我弄错了,上面的代码需要进入jquery.fancybox.pack.js?
(注意:现在它是一个FB共享而不是一个like按钮,但这正是我想要的)
非常感谢您帮助noob解决问题。在您提供的页面上,您在第469行初始化了fancybox:
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
并在第452行结束。第二个
body
标记是第454行,在初始化fancybox的脚本下面的第464行结束。非常感谢!我肯定忽略了那个地方——我完全按照你的要求做了,不幸的是,图片现在正在加载,好像根本没有调用fancyBox,图像只是加载到页面中。@user2697568我刚刚检查了你的更新页面-你错过了结束语)用于$(document).ready(函数(){
。请注意,当前在第479行的函数体
之后有两个脚本错误-SyntaxError:missing})代码>。第二个错误-TypeError:$(…)。自动完成不是一个函数
可能与此相关,但请先为fancybox添加缺少的括号。非常感谢Matthias!我刚换了,已经修好了!看起来twitter小部件图像没有加载,但这是我可以自己解决的问题。你帮了我这么多,谢谢你@用户2697568很高兴我能帮助您:)。如果回答了您的问题,您可以接受此答案,因此问题将标记为已结束/已解决。如果你不知道这是怎么回事,也不知道为什么,那就查一查吧,谢谢你给我的提示,把它处理好了,@matthias_h!
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
<div id="CustomPageBody"><head>