【问题标题】:addClass doesn't work, removeClass does - modifying WP admin divsaddClass 不起作用,removeClass 起作用 - 修改 WP admin div
【发布时间】:2023-01-19 12:34:58
【问题描述】:

需要设置 WP 管理员的样式 - 通过至少向特定 id 或其他 div/元素添加一个类。

我实际上不需要删除类 - 只需要添加一个类,但使用 remove 来测试脚本。该脚本加载正常,并且显然有效,因为 removeClass 有效。但是 addClass 即使是它自己也是行不通的。

剧本:

$(document).ready(function() {
            $("#foobar").removeClass("foo").addClass("bar");
       });

原版的: <div id="foobar" class="foo">

预期结果: <div id="foobar" class="bar">

目前的结果: <div id="foobar">

或者,如果只使用 addClass(不使用 removeClass): <div id="foobar" class="foo">

是什么阻止了 Wordpress Admin 中的类注入?

【问题讨论】:

    标签: javascript css wordpress wp-admin


    【解决方案1】:

    您的脚本未将类“bar”添加到 WordPress 管理中 ID 为“foobar”的元素的潜在原因有几个:

    jQuery 版本冲突:WordPress 附带了自己的 jQuery 版本,这可能与您的脚本使用的 jQuery 版本不兼容。尝试在脚本中用 jQuery 替换 $ 以确保您使用的是正确版本的 jQuery。

    JavaScript 错误:如果您的脚本中存在错误,它可能会阻止其余代码的执行。尝试通过 JavaScript linter 运行脚本以检查错误。

    脚本执行时机:脚本可能在页面上出现 ID 为“foobar”的元素之前执行。尝试将您的脚本包装在 $(document).ready() 函数中,以确保它在页面加载后运行。

    该元素不存在于页面上:检查 ID 为“foobar”的元素是否存在于您尝试应用该类的页面上。

    安全措施:Wordpress 有一些内置的安全措施来防止恶意脚本的运行。确保脚本正确排队,并且它具有在管理页面上运行的必要权限。

    特定 Wordpress 主题或插件:某些 Wordpress 主题或插件可以阻止或限制在管理界面上使用 javascript,请确保检查是否属于这种情况或联系主题或插件的支持。

    您可能还需要考虑使用浏览器开发人员工具来检查元素并检查是否存在任何可以帮助您识别问题的错误或消息。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-07-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-08-27
      • 1970-01-01
      相关资源
      最近更新 更多