Javascript 如何在Drupal8上验证我的代码jquery函数?

Javascript 如何在Drupal8上验证我的代码jquery函数?,javascript,jquery,drupal-8,Javascript,Jquery,Drupal 8,我想将我的gray()功能应用于我网站上的img 我已经在Drupal8中安装了我的库,我可以在我的package.json中看到我的库,并且我已经在我的库文件中声明了它 下面是我的jquery代码: (function ($) { $('img').gray(); }(jQuery)); 但它不起作用。您正在使用自调用函数,一旦在Javascript中遇到该函数,就会立即执行该函数。所以有时候DOM在这种情况下还没有准备好。 尝试将函数调用放入文档就绪函数中。dom就绪后将遇到d

我想将我的
gray()
功能应用于我网站上的img

我已经在Drupal8中安装了我的库,我可以在我的
package.json
中看到我的库,并且我已经在我的库文件中声明了它

下面是我的jquery代码:

(function ($) {

    $('img').gray();

}(jQuery));

但它不起作用。

您正在使用自调用函数,一旦在Javascript中遇到该函数,就会立即执行该函数。所以有时候DOM在这种情况下还没有准备好。 尝试将函数调用放入文档就绪函数中。dom就绪后将遇到document ready

$(document).ready(function(){
 $('img').gray(); 
});

在js代码中使用drupal行为。有时候js会因为不同库的混合而产生冲突。

我相信你的网站上还有一些其他问题,因为你发布的代码很有用,添加这个答案是为了证明它是正确的

从这里借用的图像:

(函数($){
$('img').gray();
}(jQuery))


错误是什么?显示您的
灰色
jQuery插件,或者如果它是一个简单的函数,请注意,我的插件函数是以下链接:请添加更多信息,因为这不会在发布时出错