Javascript 为什么我只能在wp.customize中使用颜色和背景?
在我的wordpress主题中,以下Javascript代码的输出是有效的,但是控件会说,只要不是颜色或背景,这就是语法错误。我花了几个小时试图找到一个解决方案,但似乎没有任何东西能消除语法错误,除非我删除该行。我将不得不删除边框底部和边框顶部,但我需要它为我的配色方案。我做错了什么 我只添加了一小段代码,因为其余部分是重复的或不相关的Javascript 为什么我只能在wp.customize中使用颜色和背景?,javascript,css,wordpress,Javascript,Css,Wordpress,在我的wordpress主题中,以下Javascript代码的输出是有效的,但是控件会说,只要不是颜色或背景,这就是语法错误。我花了几个小时试图找到一个解决方案,但似乎没有任何东西能消除语法错误,除非我删除该行。我将不得不删除边框底部和边框顶部,但我需要它为我的配色方案。我做错了什么 我只添加了一小段代码,因为其余部分是重复的或不相关的 wp.customize( 'nlmc_color_scheme', function( value ) { value.bin
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好极了!:)如果您能确认这解决了您的问题,请接受它,以便其他人能够认识到这是一个真正的解决方案。