使用AJAX调用后加载CSS类

时间:2019-03-12 作者:butalin

我想使用引导css向我的wordpress页面添加一个响应div,就在我将引导样式排入队列时,它会释放主题,所以我想使用ajax调用加载该div,在文档准备就绪后调用该排入队列的样式,然后我将使用jquery addClass()添加css类。这样,我的自定义css就不会影响主题样式

2 个回复
SO网友:semperlabs

如果使用不同的选择器,样式不会受到影响。创建自定义样式表,并立即将其排队。当页面准备就绪时,只需将样式应用于所提到的响应div,或者在其背后创建一些逻辑。

例如,如果你有<div class="custom-sidebar">Some content</div>

将自定义样式放入函数中。php

wp_enqueue_style( \'some-custom-styles\', get_stylesheet_uri() . "/custom.css" );
之后只要指定你想要的课程

$( ".custom-sidebar" ).addClass( ".myClassFromCustomCSS" );

SO网友:Loren Rosen

您可以使用阴影DOM(请参见https://css-tricks.com/playing-shadow-dom/), 或者把它放在<iframe>.
(即将扩展,但现在没有时间。)