如何激活覆盖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()
函数,尝试将CSS直接添加到样式表中。