0

我正在使用 Magento 1.7.0.2 版本

我想 在我的产品页面的 default\template\catalog\product\view.phtml中添加3 个 jquery div

<script>
    $(function() {

        $( "#3tabs_product" ).tabs();

    });
</script>  

 <div id="3tabs_product">
    <ul>
        <li><a href="#tabs-1">Product Informatie</a></li>
        <li><a href="#tabs-2">Leveringsvoorwaarden</a></li>
        <li><a href="#tabs-3">Beoordelingen</a></li>
    </ul>
    <div id="tabs-1">Product Informatie.</div>
    <div id="tabs-2">Leveringsvoorwaarden</div>
    <div id="tabs-3">Beoordelingen</div>
</div>

问题是这 3 个选项卡为了运行，我必须包含两行 jquery ui 和 jquery JUST ABOVE THE CODE ABOVE THEM

 <script src="http://code.jquery.com/jquery-1.7.1.js"></script> 
 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

但这会“破坏”我使用 jquery1.7.1 的 TopMenulinks ！我的添加到购物车功能是 javascript。

如果我包含 2 条 jquery 行，则选项卡可以， 但下拉菜单和“添加到购物车中断” ...。如果我删除这些行，菜单将恢复并且添加到购物车再次起作用。但是如果不包括这两行，3Tabs 就不能工作！！！

我应该怎么办 ？？？

4

2 回答 2

4 
<script type="text/javascript">
  $.noConflict(); //Use no conflict here instead of js file
  // Code that uses other library's $ can follow here.
</script>

您可以更改库文件启动的顺序。在 page.xml 更改顺序如下

  1. jQuery.js
  2. 无冲突.js
  3. prototype.js 这将避免 IE8 中的错误。

将此添加到您的 html 页面可以解决您的问题。

让我知道我是否可以为您提供更多帮助。

于 2013-09-09T10:46:11.283 回答
2

您将这行代码添加$j = jQuery.noConflict()到您的查询库文件并更新您的代码，例如：

<script type="text/javascript">
    $j(function() {
        $j( "#3tabs_product" ).tabs();
    }); 
</script>

或者您也可以使用 http://www.magentocommerce.com/magento-connect/magento-easytabs.html这个很棒的社区模块。

于 2013-09-09T12:05:42.710 回答