1

我不知道如何配置 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');
4

0 回答 0