0

私は自分のサイトで Colorbox を使用していますが、ほとんどのページで問題なく動作しています。しかし、他の jQuery スクリプトが使用されている一部のページでは、失敗します。

IE のコンソールから次のエラーが表示されます。

SCRIPT438: オブジェクトはプロパティまたはメソッド 'colorbox' をサポートしていません

これは私に問題を与える作品です

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.test').colorbox({iframe:true, width:"50%", height:"75%", top:50, scrolling:false,      onComplete:true});
});
</script>

頭:

<link rel="stylesheet" type="text/css" href="http://www.domain.com/js/calendar/calendar-win2k-1.css" />
<link rel="stylesheet" type="text/css" href="http://www.domain.com/skin/frontend/default/teststore/css/styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.domain.com/skin/frontend/base/default/css/widgets.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.domain.com/skin/frontend/default/default/aw_blog/css/style.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.domain.com/skin/frontend/default/default/onsale/css/product_onsale_label.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.domain.com/skin/frontend/default/default/onsale/css/category_onsale_label.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.domain.com/skin/frontend/default/teststore/css/sidenav.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.domain.com/skin/frontend/default/teststore/css/sidenavcollapse.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.domain.com/skin/frontend/default/teststore/css/faq/label.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.domain.com/skin/frontend/default/teststore/css/mageworx/modalbox.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.domain.com/skin/frontend/default/teststore/css/icart.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.domain.com/skin/frontend/default/default/css/prolabel.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.domain.com/skin/frontend/default/teststore/css/colorbox.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.domain.com/skin/frontend/default/teststore/css/print.css" media="print" />
<script type="text/javascript" src="http://www.domain.com/js/jquery/jquery.1.8.2.min.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/colorbox/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/jquery/jquery.noconflict.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/prototype/prototype.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/lib/ccard.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/prototype/validation.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/varien/js.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/varien/form.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/varien/menu.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/mage/translate.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/mage/cookies.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/aw_onsale/onsale.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/mageworx/modalbox.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/mageworx/icart.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/varien/product.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/calendar/calendar.js"></script>
<script type="text/javascript" src="http://www.domain.com/js/calendar/calendar-setup.js"></script>
<script type="text/javascript" src="http://www.domain.com/skin/frontend/default/default/js/sidenavcollapse.js"></script>
<script type="text/javascript" src="http://www.domain.com/skin/frontend/default/default/js/faq/faq.js"></script>
<script type="text/javascript" src="http://www.domain.com/skin/frontend/base/default/js/bundle.js"></script>
<link rel="canonical" href="http://www.domain.com/" />

それはある種の紛争である可能性がありますか?

4

2 に答える 2

0

さまざまなページのソースコードを何度も検索した後、さまざまなバージョンのさまざまなjQueryライブラリである複数のmagento拡張機能が読み込まれていることがわかりました。

これらすべてをコメントアウトした後、それは再び完璧に機能しています!

自分自身や他の人に注意してください。jQuerylibは1つだけです。

于 2013-02-05T20:41:33.040 に答える
-1

おそらく、他のブラウザーではどのように動作するのでしょうか? 最小限のコードを削除して動作を確認してみましたか?

于 2013-02-05T19:17:15.960 に答える