【问题标题】:jQuery addClass is not working nowjQuery addClass 现在不起作用
【发布时间】:2017-07-04 01:58:21
【问题描述】:

所以我正在尝试使用 jquery 添加一个类。 代码如下:

jQuery(document).ready(function($) {
    $('body').addClass('scrollbar-dynamic');
});

我可以确认脚本已加载到前端,因为它显示在源代码中。 加上所有其他 javascript“1400 行”工作正常。 addClass jquery 方法在整个脚本中也被使用了大约 30 次。 我也在使用最新版本的 wordpress 只是这一次它不起作用。 这是一个有效的js fiddle

这样的事情简直让我发疯。 为帮助干杯

【问题讨论】:

  • 在那个小提琴中正在添加类,对吧?
  • addClass() 在小提琴中正常工作
  • Wordpress 可能在 noConflict 模式下加载 JQuery,或者它被主题或插件别名;尝试在您的代码上方添加console.log(jQuery); 并查看浏览器的开发人员工具控制台中显示的内容。如果是undefined 或类似的东西,JQuery 可能会被别名为不同的东西。
  • 小提琴中的代码可以正常工作。请分而治之,找出问题所在,然后更新您的问题,使其在minimal, complete, and verifiable example 中显示所有相关代码
  • 我运行了你的小提琴并且课程分配得很好。这是检查器的屏幕截图。您是否在浏览器控制台日志中看到任何其他错误? ![enter image description here](i.stack.imgur.com/aKis6.jpg)

标签: javascript jquery wordpress


【解决方案1】:

好的 - 因为console.log(jQuery) 正在返回我们所期望的,我认为问题在于如何引用库。这是你的代码:

jQuery(document).ready(function($) {
  $('body').addClass('scrollbar-dynamic');
});

脚本知道 jQuery 是什么......但它似乎不知道 $ 是什么,并且在调用它时它没有被绑定到任何东西。

试试这个 - 如果它有效,这是一个绑定问题。

jQuery(document).ready(function($) {
  jQuery('body').addClass('scrollbar-dynamic');
});

【讨论】:

  • 天啊,我有时真是个笨蛋。当然我查看源代码的时候是看不到的。 jquery 修改了源代码,所以当我查看页面源代码时它不会显示出来。需要查看开发工具元素检查器。
猜你喜欢
  • 2023-03-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-07-22
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多