Javascript 在何处将提供的JSFIDLE中的社交共享代码添加到fancybox

Javascript 在何处将提供的JSFIDLE中的社交共享代码添加到fancybox,javascript,jquery,facebook,fancybox,Javascript,Jquery,Facebook,Fancybox,这是一个非常非常基本的问题,因为我对Javascript和Jquery是全新的,但我似乎在任何地方都找不到答案 我正在尝试在我们网站的一个页面上实现FancyBox,包括FancyBox提示和技巧提供的附加社交共享按钮 以下是我到目前为止所做的(还没有社交分享),我很喜欢: 问题是我不知道在哪里将社交共享按钮的代码添加到提供的jquery.fancybox.js文件中。我只是太新了,无法确定函数应该在哪里。我已经在JSFIDLE中找到了它,这样它就可以工作了,我只是不知道现在把它放在我的网站上

这是一个非常非常基本的问题,因为我对Javascript和Jquery是全新的,但我似乎在任何地方都找不到答案

我正在尝试在我们网站的一个页面上实现FancyBox,包括FancyBox提示和技巧提供的附加社交共享按钮

以下是我到目前为止所做的(还没有社交分享),我很喜欢:

问题是我不知道在哪里将社交共享按钮的代码添加到提供的jquery.fancybox.js文件中。我只是太新了,无法确定函数应该在哪里。我已经在JSFIDLE中找到了它,这样它就可以工作了,我只是不知道现在把它放在我的网站上的什么地方,这样它就可以正常工作了

以下是我在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>