Question

我无法弄清楚如何配置jQuery NoConflict（）。

这个小函数（jquery）工作正常：

    $('.product_list > li').css('width', '50%').css('width', '-=42px');
    $('.product_grid > li').css('width', '20%').css('width', '-=42px');
    $('.product_grid ul.buttons li').css('width', '100%').css('width', '-=21px');

当我运行另一个jQuery脚本时它停止工作。

这是一个“blocklayered.js”，它还使用了一些AJAX脚本（这是一个用于在prestashop中过滤产品的脚本）

如何使用noConflict？

我通过创建一个新的* .js文件并在jQuery库之后添加它来尝试这个：

jQuery.noConflict();

jQuery(document).ready(function() {
        jQuery('.product_list > li').css('width', '50%').css('width', '-=42px');
        jQuery('.product_grid > li').css('width', '20%').css('width', '-=42px');
        jQuery('.product_grid ul.buttons li').css('width', '100%').css('width', '-=21px');
});

这个方法使我所有的jQuery函数都停止工作。

控制台说出来的方式：

Uncaught TypeError: Property '$' of object [object Object] is not a function

我想提一下：

当blocklayered.js / AJAX运行时，所有其他jquery函数工作正常，和以前一样，唯一的问题是这个函数：

    $('.product_list > li').css('width', '50%').css('width', '-=42px');
$('.product_grid > li').css('width', '20%').css('width', '-=42px');
$('.product_grid ul.buttons li').css('width', '100%').css('width', '-=21px');

noConflict打破了我现有的JavaScript

0 个答案: