jQuery .addclass 在 wordpress 中不起作用

jQuery .addclass not working in wordpress

本文关键字：不起作用 wordpress addclass jQuery      更新时间：2023-09-26

我有以下div，它显示了一个粘性标题，使用<div id="header-sticky-wrapper" class="sticky-wrapper is-sticky" style="height: 205px;">

如何将另一个类附加到此行？

我

正在使用以下内容，但它不起作用，但我已经在控制台中运行了它，它给了我想要的答案 - WP 已加载 JQ，因为还有其他插件等工作正常：

jQuery(document).ready(function($) {
    $('#header-sticky-wrapper').addClass( 'nonHomeLogo' );
});

$(document).ready()和$(window).load()仅在DOM准备就绪和页面首次加载时触发一次。在将动态加载的脚本中使用它不起作用。

您可以设置执行脚本的超时

setTimeout(function(){
  $('#header-sticky-wrapper').addClass( 'nonHomeLogo' );
}, 1000);

这不保证在您的#header-sticky-wrapper进入DOM之前执行

如果通过jQuery.load()函数将新内容放入DOM，jQuery将执行存在该内容的任何脚本。在这种情况下，您可以将脚本添加到相关元素之后的某个位置。

<div id="header-sticky-wrapper">...</div>
<script> $('#header-sticky-wrapper').addClass( 'nonHomeLogo' );</script>

试试这段代码：

 (function($) {
    $('#header-sticky-wrapper').addClass( 'nonHomeLogo' );
    })(jQuery)
相关文章：