JQuery用户界面样式与TinyMCE对话框冲突

时间:2011-11-22 作者:hereswhatidid

我将jQuery UI用于页面编辑屏幕上的一些自定义控件,我注意到jQuery UI对话框的样式与TinyMCE对话框相冲突。特别是按钮和标题区域看起来特别糟糕。我查看了jQuery UI css,以查看可以删除哪些内容以避免任何冲突,它们几乎遍布整个样式表。有没有一种方法可以让两者同时运行而不发生冲突?

2 个回复
最合适的回答,由SO网友:hereswhatidid 整理而成

事实证明,我所要做的就是在jQuery UI下载应用程序中使用CSS范围选项。我使用的是普通的wp\\u register\\u样式/wp\\u enqueue\\u样式,它总是与TinyMCE的Wordpress安装使用的jQuery UI对话框样式冲突。切换到使用jQuery UI样式的范围版本后,一切都很好。

SO网友:Wordpressor

如果你enqueue 您的脚本(&A);函数中的样式表。php文件。

我就是这样做的(请随意复制和粘贴,它应该是现成的):

function load_my_admin_js() {
   wp_register_script(\'jquery-ui\',"https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js");
   wp_enqueue_script(\'jquery-ui\');   
} 

add_action(\'admin_init\', \'load_my_admin_js\');   

function load_my_admin_css() {
   wp_enqueue_style( \'jquery-ui\', \'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css\');  
} 

add_action( \'admin_print_styles\', \'load_my_admin_css\');  
不要忘记删除以前指向jQuery UI的链接。

如果仍然有问题,那么您的自定义JS代码已损坏并影响其他元素。在不调查代码本身的情况下,不能再说什么了。

结束

相关推荐

将TinyMCE编辑器添加到自定义元框文本区域的正确方式是什么?

由于Wp 3.2对TinyMCE和Wordpress进行了大量更改,因此我无法找到如何将微型MCE添加到页面的元框中。这就是我不启动MCE时的样子http://screencast.com/t/ECQeyvJYC这就是我启动微型MCE的时候if ( typeof( tinyMCE ) == \"object\" && typeof( tinyMCE.execCommand ) == \"function\" ) { tinyMCE.execCommand(\"mceAddContr