弹出图像的Javascript不工作

这是我网站的链接

单击时必须弹出缩略图，但它不起作用。我已包含所有需要的文件，但无法找出缺少的内容

我创建了一个测试页面，只包含了图片。但它在这里工作。

在标题中

 <!--only for productdetail.php starts-->

<!-- Carousel -->
<script type="text/javascript" src="/lib/jcarousel/js/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="/lib/jcarousel/css/product/skin.css" />
<!-- ColorBox -->
<link rel="stylesheet" href="/lib/colorbox/colorbox.css" />
<script type="text/javascript" src="/lib/colorbox/jquery.colorbox.js"></script>
<script type="text/javascript">

jQuery(document).ready(function() {

    jQuery('#mycarousel').jcarousel();

    $(".thumb_button").hover(function() {
      var str = '<img src=\''+$(this).attr("image-cover")+'\' class=\'cover\' />';
      $("#image_box").html(str);
    });

    $('.thumb_button').colorbox({rel:'photos'});

    if ($('.stockquantity').attr("value") == ''){
        $('.stockquantity').attr("value","0");
    }

});
</script>

jQuery（文档）.ready（函数（）{
jQuery（“#mycarousel”）.jcarousel（）；
$（“.thumb_按钮”）.hover（函数（）{
var-str=''；
$（“#图像框”）.html（str）；
});
$（'.thumb_button'）.colorbox（{rel:'photos'}）；
如果（$（'.stockquantity'）.attr（“值”）=''）{
$（'.stockquantity'）.attr（“值”，“0”）；
}
});

体内

<div id="image_box">
   <img class="cover" src="/upload/productimage/ca05c9c1e01179087d3c9015a4097ce9-medium.jpg" />
</div>
<div class="thumbnail_box">
   <ul id="mycarousel" class="jcarousel-skin-product">
      <li><a class="thumb_button" href="/upload/productimage/ca05c9c1e01179087d3c9015a4097ce9.jpg" image="/upload/productimage/ca05c9c1e01179087d3c9015a4097ce9.jpg" image-cover="/upload/productimage/ca05c9c1e01179087d3c9015a4097ce9-medium.jpg"><img src="/upload/productimage/ca05c9c1e01179087d3c9015a4097ce9-thumb.jpg" width="66" height="66" alt="" border="0" /></a></li>
   </ul>
</div>
<div class="thumbnail_tip center">(Click on thumbnails to enlarge image)</div>       
</div> 
<div class="small-12 medium-12 large-12 columns">    
   <div class="desc">
      Lorem ipsum dolor sit amet
   </div>
</div>
<!--only for productdetail.php ends-->

（单击缩略图以放大图像）
Lorem ipsum dolor sit amet

我设法修复了它。只需要将其从页脚中删除

<script src="js/vendor/modernizr.js"></script>

您的网站存在高风险。发生了什么？chrome控制台显示了两个错误，两个“未定义不是函数”的实例。不过，行号没有帮助。但这可能就是问题所在