Question

在我的wordpress主题中，以下Javascript代码的输出有效，但控件说，无论何时它不是颜色或背景，都是语法错误。我一直试图找到一个解决方案几个小时，似乎没有什么似乎删除语法错误，除非我删除该行。我必须删除border-bottom和border-top，但我需要它用于我的配色方案。我做错了什么？

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

    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'
                            });

Answer 1

如果您想以这种方式设置CSS，则应避免使用“ - ”并按以下方式执行：

 $( 'hr' ).css({
     color: '#fff',
     background: '#000',
     borderBottom: '1px solid #303030',
     borderTop: '1px solid #000'
 });

或者您可以将属性包装在引号中，以便border-bottom变为“border-bottom”等。

关于“为什么？”：

此外，jQuery可以同样解释CSS和DOM格式   多字属性。例如，jQuery理解并返回   。css({ "background-color": "#ffe", "border-left": "5px solid #ccc" })和.css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc" })的正确值。 请注意，使用DOM表示法，   属性名称周围的引号是可选的，但是使用CSS   由于名称中的连字符，它们是必需的。

（摘自http://api.jquery.com/css/#css-properties）

Answer 2

确定尝试在Google Chrome中使用inspect元素（右键单击然后检查元素）然后安装“WP Editor”，这样就可以准确识别它并修复它。

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

2 个答案: