如何在 drupal 8 上验证我的代码 jquery 函数？答案

【问题标题】：how to valid my code jquery function on drupal 8?如何在 drupal 8 上验证我的代码 jquery 函数？
【发布时间】：2019-07-25 09:39:37
【问题描述】：

我想将 gray() 函数应用到我网站上的 img。

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

这里是我的 jquery 代码：

(function ($) {

    $('img').gray();

}(jQuery));

但它不起作用。

【问题讨论】：

错误是什么？
显示你的gray jQuery插件，或者如果它是一个简单的功能，请
是的，我的插件功能是这个链接：github.com/karlhorky/gray
请添加更多信息，因为这不会在您发布时出错

标签： javascript jquery drupal-8

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

我相信您的网站上还有其他问题，因为您发布的代码有效，添加此答案以表明它是。

图片从这里借来：https://meta.stackexchange.com/a/4389/139898

(function ($) {

    $('img').gray();

 }(jQuery));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link href="https://npmcdn.com/jquery-gray@1.6.0/css/gray.min.css" rel="stylesheet"/>
<script src="https://npmcdn.com/jquery-gray@1.6.0/js/jquery.gray.min.js"></script>
<img src="https://i.stack.imgur.com/BPfiX.jpg" alt="notfoundme"  class="grayscale"/>

【讨论】：