Question

我正在构建一个新的OpenCart网站的问题......

我拼接了一个带有opencart主题的Html主题...... Html主题使用prototype作为库，OpenCart使用jQuery库。所以我进入并使用了jQuery.noConflict();在我使用jQuery库的所有OpenCart文件中（这都是OpenCart JS）

它修复了我网站上的所有内容，除了：http://beta.justicejewelers.com/index.php?route=product/category&path=79 - 如果您点击此屏幕上的“添加到购物车”，那么它很好...但是，如果您点击样本产品1上的“添加到购物车”例如，它将带你到产品页面选择尺寸....点击添加到购物车那里没有任何反应....也发生在没有选项的产品....

有什么想法吗？

这也是我在标题中调用的内容：

<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
<script type="text/javascript" src="js/prototype.js"></script>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write(unescape('%3Cscript src="catalog/view/theme/sellegance/js/jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>

<script src="catalog/view/theme/sellegance/js/modernizr.full.min.js"></script>

<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>

<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />

<script type="text/javascript" src="catalog/view/javascript/jquery/colorbox/jquery.colorbox.js"></script>

<script type="text/javascript" src="catalog/view/theme/sellegance/js/jquery.elastislide.js"></script>

<script type="text/javascript" src="catalog/view/theme/sellegance/js/jquery.cycle.js"></script>

<!-- NEW SCRIPTS -->

<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/banner_pack.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="js/jquery.mix.js"></script>
<script type="text/javascript" src="js/menu.js"></script>

Answer 1

TypeError：无法在null之后调用方法[http://beta.justicejewelers.com/index.php?route=product/product&product_id=50:1111]

在第1111行：

$('#option-' + i).after('<span class="error">' + json['error']['option'][i] + '</span>');

将$替换为jQuery。

P.S。在包含jquery之后，您应该仅调用jQuery.noConflict()一次。

P.P.S。在任何JS文件之前包含CSS文件 - 这将加速页面加载。

在文件中使用NoConflict与原型之后，还有一个jQuery冲突

1 个答案: