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

我正在使用此功能隐藏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");


但这不起作用。

当覆盖层打开时,如何准备再次触发文档?

更新10/14/14

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

最佳答案

代替再次使用$(document).ready()函数,尝试将CS​​S直接添加到样式表中。

09-26 07:58