Wordpress中的jQuery CSS冲突

时间:2013-12-01 18:09:03

标签: jquery css wordpress jquery-ui jquery-ui-datepicker

我创建了这个使用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:有没有办法将我的样式表仅应用于日期选择器(即不是标签等)?

感谢您的建议!

格雷格

1 个答案:

答案 0 :(得分:0)

你可以像这样更改priorty级联性质应解决它:

 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` );

}