Question

我正在使用wordpress插件，它允许我生成过滤器字段。我无法直接在插件中修改css，因此我使用.addClass。

问题是当页面加载时，插件会短暂显示没有我在Jquery中添加的类的字段。

如何使用适当的类直接显示这些字段？我尝试使用预加载器绕过问题，但在移动设备上，加载时间过长。

我的代码：

$("[data-id='1']").addClass( "grid-33 suffix-66 tablet-grid-33 tablet-suffix-66 mobile-grid-50 mobile-suffix-50 bloc-arrondissement" ); $("[data-id='2']").addClass( "grid-33 tablet-grid-33 mobile-grid-100 slider-prix" ); $("[data-id='3']").addClass( "grid-33 tablet-grid-33 mobile-grid-100 slider-prix" ); $("[data-id='4']").addClass( "grid-33 tablet-grid-33 mobile-grid-100 slider-prix" );

Answer 1

您需要利用WordPress wp_enqueue_style()功能并根据需要覆盖CSS。

看起来这个插件将它的CSS排队为'sf-style-css'。因此，如果您将一个样式排列为依赖项，它将确保在允许您覆盖样式之后立即加载CSS。您可以直接复制该样式表并在主题目录中进行修改。

这是主题的functions.php文件的基本示例。

function add_my_scripts_and_styles() {
    wp_enqueue_style( 'my-style-overrides', get_stylesheet_uri() . '/my-style-overrides.css', 'sf-style-css' );
}

add_action( 'wp_enqueue_scripts', 'add_my_scripts_and_styles' );

此处提供完整参考资料...... http://codex.wordpress.org/Function_Reference/wp_enqueue_style

页面加载时css暂时中断（.addClass）

1 个答案: