不能在Magento中使用Fancybox2.错误:“未捕获的类型错误 ..没有方法..".

Can't use Fancybox2 in Magento. Error: " Uncaught TypeError ... has no method ... "

本文关键字:错误 类型 有方法 quot Magento 不能 Fancybox2      更新时间:2023-09-26

我已经包含了 fancybox2 文件,就像这里说明的那样http://fancyapps.com/fancybox/#instructions使用我的扩展 XML 和 <action method="addJs"> 对于 JavaScript 文件和 <action method="addItem"> 对于 CSS。

我包含的js和css文件的顺序在我的:

<link rel="stylesheet" type="text/css" href="magento/js/calendar/calendar-win2k-1.css" />
<link rel="stylesheet" type="text/css" href="magento/js/n123/fancybox2/source/jquery.fancybox.css" />
<link rel="stylesheet" type="text/css" href="magento/skin/frontend/default/default/css/styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="magento/skin/frontend/base/default/css/widgets.css" media="all" />
<link rel="stylesheet" type="text/css" href="magento/skin/frontend/default/default/css/print.css" media="print" />
<script type="text/javascript" src="magento/js/prototype/prototype.js"></script>
<script type="text/javascript" src="magento/js/lib/ccard.js"></script>
<script type="text/javascript" src="magento/js/prototype/validation.js"></script>
<script type="text/javascript" src="magento/js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="magento/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="magento/js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="magento/js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="magento/js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="magento/js/varien/js.js"></script>
<script type="text/javascript" src="magento/js/varien/form.js"></script>
<script type="text/javascript" src="magento/js/varien/menu.js"></script>
<script type="text/javascript" src="magento/js/mage/translate.js"></script>
<script type="text/javascript" src="magento/js/mage/cookies.js"></script>
<script type="text/javascript" src="magento/js/n123/jquery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="magento/js/n123/jquery/jquery.no.conflict.js"></script>
<script type="text/javascript" src="magento/js/varien/product.js"></script>
<script type="text/javascript" src="magento/js/varien/configurable.js"></script>
<script type="text/javascript" src="magento/js/calendar/calendar.js"></script>
<script type="text/javascript" src="magento/js/calendar/calendar-setup.js"></script>
<script type="text/javascript" src="magento/js/n123/fancybox2/source/jquery.fancybox.pack.js"></script>

然后在我的模板 (phtml) 中,我添加了以下代码:

<a id="single_1" href="http://farm8.staticflickr.com/7100/6917703112_d18e3e1b95_b.jpg" title="Assunção - Santo Tirso...a New Dimension... (Alex Matos)">
<img src="http://farm8.staticflickr.com/7100/6917703112_d18e3e1b95_m.jpg" alt="" />
</a>
<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery("#single_1").fancybox({
          helpers: {
              title : {
                  type : 'float'
              }
          }
      });
</script>

在 Chrome 中,会发生此错误:

http://www.imagebanana.com/view/6oxxttnx/s02.png

       Uncaught TypeError: Object function wrap(wrapper) {
             var __method = this;
             return function() 
                       {
                          var a = update([__method.bind(this)],  arguments) ;
                          return wrapper.apply(this, a);
                       }
       } has no method 'unbind'

欢迎一切帮助!

我发现了一个灵魂:在我的情况下,打包的"fancybox.pack.js"不起作用,我在上面发布了错误,但"fancybox.js"("解包"/普通版本)就像一个魅力!感谢您的支持和关注。

相关文章: