1

好的，所以我已经研究了一段时间，并重新排序了知道多少次的我的 javascript 文件。我知道 Prototype 和 jQuery 不能很好地相互配合。但是，我的 jQuery 正在工作，但我的 jQuery UI 函数却没有。

我按以下顺序列出我的 js 文件：-prototype.js-jquery.js-jquery-ui.js-jquery-noconflict.js

我的 jQuery 无冲突文件如下所示：

jQuery.noConflict();

好的，所有这些垃圾都在标签中。稍后在页面中，我正在这样做：

<div class="product_tabs clearfix">
    <ul>
        <?php if ($_description): ?> <li><a href="#tabs-1"><?php echo $this->__('Details') ?></a></li> <?php endif; ?>
        <li><a href="#tabs-2">Review</a></li>
        <li><a href="#tabs-3">Tags</a></li>
    </ul>
    <div class="std clearfix">
        <?php if ($_description): ?> <div id="tabs-1"><?php echo $this->helper('catalog/output')->productAttribute($this->getProduct(), $_description, 'description') ?></div> <?php endif; ?>
        <div id="tabs-2">
            <div class="row">
                <div class="span5"><?php echo $this->getChildHtml('review_form') ?></div>
                <div class="span4"><?php echo $this->getChildHtml('reviews') ?></div>
            </div>
        </div>
        <div id="tabs-3"><?php echo $this->getChildHtml('product_tag_list') ?></div>
    </div>
</div>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $('.product_tabs').tabs();
    });
</script>

这已经坏了.. 但是，我的 main.js 文件在我的 noconflict 文件之前调用，但在我的 js 和原型文件与我的下拉导航一起工作之后，使用与上述函数相同的 ready() 工作。

但是，我将该 tabs() 函数移到 main.js 文件中，但从页面中删除它时它仍然不起作用。有没有人对此有任何解决方案？

我删除了使用 tabs() 函数的页面上的 noconflict ，它工作正常，但 IE8 及以下版本没有。所以这不是一个有价值的解决方案......这是我能想到的唯一一个。

而且我必须保留原型，因为我使用的是 Magento CMS！

4

2 回答 2

0

您应该将 $ 用于原型函数，将 jQuery 用于 jQuery，如下所示：

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('.product_tabs').tabs();
});
</script>
于 2013-08-07T13:33:53.040 回答
0

请尝试在原型之前加载 jQuery，并jQuery.noconflict()在 jquery 文件的末尾写入。然后用 . 初始化你的 jQuery 代码jQuery(document).ready(function($){...});。

于 2013-08-08T06:09:05.583 回答