我已经尝试了这个问题的其他几个答案,我仍然无法弄明白。
Here is the site that has the problem
我承认除了HTML以及我为自己解读的内容之外,没有真正的编程经验。
谢谢!
答案 0 :(得分:1)
那是因为你没有真正包含fancybox。
访问您的网站时出现以下404错误:
'http://ryansamul.com/dark/fancy/source/helpers/jquery.fancybox-buttons.css?v=1.0.3'
'http://ryansamul.com/dark/fancy/source/helpers/jquery.fancybox-thumbs.css?v=1.0.6'
'http://ryansamul.com/dark/fresco/css/fresco/fresco.css'
'http://ryansamul.com/dark/fancy/source/jquery.fancybox.css?v=2.1.0'
'http://ryansamul.com/dark/js/swfsubject/swfsubject.js'
'http://ryansamul.com/dark/fresco/js/fresco/fresco.js'
也许您忘了将这些文件上传到您的服务器?或者说道路错了。
答案 1 :(得分:0)
在您的custom.js文件中,您正在使用jQuery.noConflict()
来初始化您的功能:
jQuery.noConflict()(function($){
//....
});
...到目前为止一直很好,但是在你的主页面中你的fancybox初始化没有使用jQuery.noConflict()
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox-thumb").fancybox();
});
</script>
...所以像这样修改它应该可以解决问题:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".fancybox-thumb").fancybox();
});
</script>
答案 2 :(得分:0)
在新标签页中打开的照片有class="portfolio-item-preview"
而不是class="fancybox-thumb"
。更改此选项将使fancybox在所有元素上正确初始化。