Javascript 为什么我只能在wp.customize中使用颜色和背景?

Javascript 为什么我只能在wp.customize中使用颜色和背景?,javascript,css,wordpress,Javascript,Css,Wordpress,在我的wordpress主题中,以下Javascript代码的输出是有效的,但是控件会说,只要不是颜色或背景,这就是语法错误。我花了几个小时试图找到一个解决方案,但似乎没有任何东西能消除语法错误,除非我删除该行。我将不得不删除边框底部和边框顶部,但我需要它为我的配色方案。我做错了什么 我只添加了一小段代码,因为其余部分是重复的或不相关的 wp.customize( 'nlmc_color_scheme', function( value ) { value.bin

在我的wordpress主题中,以下Javascript代码的输出是有效的,但是控件会说,只要不是颜色或背景,这就是语法错误。我花了几个小时试图找到一个解决方案,但似乎没有任何东西能消除语法错误,除非我删除该行。我将不得不删除边框底部和边框顶部,但我需要它为我的配色方案。我做错了什么

我只添加了一小段代码,因为其余部分是重复的或不相关的

    wp.customize( 'nlmc_color_scheme', function( value ) {
            value.bind( function( to ) {

                    if ( 'inverse' === to ) {
                            $( 'hr' ).css({
                                    color: '#fff',
                                    background: '#000',
                                    border-bottom: '1px solid #303030',
                                    border-top: '1px solid #000'
                            });

好的,请尝试在Google chrome中使用inspect元素(右键单击然后使用inspect元素),然后安装“WP Editor”,这样您就可以准确地识别它所在的位置并进行修复。

如果您希望以这种方式设置CSS,您应该避免使用“-”,并按以下方式进行操作:

 $( 'hr' ).css({
     color: '#fff',
     background: '#000',
     borderBottom: '1px solid #303030',
     borderTop: '1px solid #000'
 });
或者您可以将属性用引号括起来,使border bottom变为“border bottom”等

关于“为什么?”:

此外,jQuery同样可以解释 多个单词属性。例如,jQuery理解并返回 两者的正确值。
css({“背景色”:“#ffe”,
“左边框”:“5px实心#ccc”})
.css({backgroundColor:#ffe”,
左边框:“5px实心#ccc”})
注意,使用DOM表示法, 属性名称周围的引号是可选的,但使用CSS 由于名称中的连字符,需要使用符号。

(摘自)


您还可以提供更多的代码,甚至是一个实时URL,我可以告诉您如何解决这个问题。@user301751好极了!:)如果您能确认这解决了您的问题,请接受它,以便其他人能够认识到这是一个真正的解决方案。