WordPress 中的 jQuery CSS 冲突

Question

我创建了这个使用 jQuery UI Datepicker 的 WP 插件。效果很好，完全符合我的要求......除了任何已经运行 jQuery UI CSS 的 WP 安装将被我的覆盖。显然这是个问题。

这是我的代码，非常标准。

function javascript_datepicker_booking() {
   wp_enqueue_script('jquery-ui-datepicker');
   wp_enqueue_style('jquery-ui-datepicker_style_redmond', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/redmond/jquery-ui.min.css' );
}

我一直在寻找解决这个问题的两种方法：

选项 1： 有没有办法只在没有加载 jquery CSS 的情况下加载 CSS？

选项 2： 有没有办法将我的样式表仅应用于日期选择器（即不是选项卡等）？

感谢您的建议！

格雷格

Answer 1

您可以像这样更改优先级，级联性质应该解决它：

 add_action( $hook, $function_to_add, $priority, $accepted_args );

至于 css 解决方案，如果没有我们的 html，很难说，但请尝试更具体，只影响您自己的标记。

这样section#your_wrapper > ul.your_classes.another_class 增加特异性。

注意 > 选择直接子元素和元素名称以仅选择具有这些类的元素

如果你想为所有元素添加一个特殊的类，字符串类也可以增加特异性

然而因为 jquery ui 已经默认自带 wordpress，你可以使用 wp_enqueue_script 的依赖参数

 function javascript_datepicker_booking() {
   wp_enqueue_script('jquery-ui-datepicker');
   wp_enqueue_style('jquery-ui-datepicker_style_redmond', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/redmond/jquery-ui.min.css', 'jquery-ui` );

}