javascript - 使 jQuery(document).ready(function() 在 div 打开时再次触发

Question

如何让 jQuery(document).ready(function() 在激活覆盖 div 时再次触发？

我正在使用这个函数来隐藏 a.button:

jQuery(function($) {
jQuery(document).ready(function() {
jQuery(
'.theme-actions a.button.button-primary.customize.load-customize.hide-if-no-customize'
).css("display","none");
});
});

具有相同类的相同按钮存在于名为 .theme-wrap 的“覆盖层”中，在 .theme-wrap 中，a.button CSS 看起来像这样(不同之处在于 .active-theme ):

.theme-actions .active-theme a.button.button-primary.customize.load-customize.hide-if-no-customize

如果我在打开 .theme-wrap 叠加层的情况下重新加载页面，按钮就会消失，因为 jQuery 文档就绪函数会再次触发。

我尝试将两个 CSS 规则添加到一个函数中

jQuery(
'.theme-actions a.button.button-primary.customize.load-customize.hide-if-no-customize,
.theme-actions .active-theme a.button.button-primary.customize.load-customize.hide-if-no-customize
    ').css("display","none");

但它不起作用。

如何让文档准备好在叠加层打开时再次触发？

14 年 10 月 14 日更新

正如在下面的回答中所指出的:在这种情况下不需要 jQuery。我使用的 CSS 对于每个 div 都是相同的 - 原始和覆盖 - 因此添加到管理样式表的简单 {display:none} 规则就足够了。

Answer 1

不要再次使用 $(document).ready() 函数，尝试将 CSS 直接添加到您的样式表中。