Wordpress 4.6.1中未触发Javascript

下面的代码在jfiddle中工作，但一旦在我的WordPress站点上，它就不会启动了。我更新到4.6.1。我似乎在控制台中也找不到任何错误。有什么想法吗

CSS:

.bluebg{背景：青色；}

HTML:

全名*

JAVASCRIPT:

<script>
$('input.nf-element').bind('focus blur', function () {
    $(this).closest('nf-field').find('.nf-field-container').toggleClass('bluebg');
});
</script>

$（'input.nf element'）.bind（'focus blur'，function（）{
$（this）.closest（'nf-field'）.find（'nf-field container'）.toggleClass（'bluebg'）；
});

更新

看起来问题出在生成HTML的插件中，而不是我正在使用的javascript。如果我手动粘贴相同的HTML，输入字段确实会更改父类，但是表单插件生成的字段（NinjaForms）都不会更改

---

我不确定这是否超出了这里的帮助范围，但如果有人知道为什么会这样，我将不胜感激

要解释wordpress，请尝试更改为：

(function($) {
  $(function() {
    $('input.nf-element').on('focus blur', function() {
      $(this).closest('nf-field').find('.nf-field-container').toggleClass('bluebg');
    });
  });    
})(jQuery);

---

只需将“$”替换为“jQuery”。

如何包含此脚本？您是否验证了它实际上已被浏览器包含/请求？wordpress通常使用

jQuery.noConflict（）

，这使得

$

未定义。检查浏览器控制台是否有错误是否包括小提琴？抱歉，这是jfiddle：我在Wordpress站点的控制台中没有看到错误。在我删除的代码中“容器”之前有一个空格，然后它在小提琴中工作。但不是在我的Wordpress网站上。为了进一步澄清，它在将Wordpress更新到最新版本之前就已经起作用了！这在小提琴上有效，但在我的网站上不起作用。一定有什么东西阻止了脚本启动，但我没有看到任何控制台错误。

<script>
$('input.nf-element').bind('focus blur', function () {
    $(this).closest('nf-field').find('.nf-field-container').toggleClass('bluebg');
});
</script>

(function($) {
  $(function() {
    $('input.nf-element').on('focus blur', function() {
      $(this).closest('nf-field').find('.nf-field-container').toggleClass('bluebg');
    });
  });    
})(jQuery);