2013-11-20 69 views
0

在我的wordpress主題中,以下Javascript代碼的輸出有效,但控件說,只要它不是顏色或背景,就是語法錯誤。我一直在努力尋找一個解決方案几個小時,似乎沒有任何東西除去語法錯誤,除非我刪除該行。我將不得不刪除邊框底部和邊框頂部,但我需要它爲我的配色方案。我究竟做錯了什麼?爲什麼我只能在wp.customize中使用顏色和背景?

我只添加了一小段代碼,因爲其餘部分是重複的或不相關的。

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

回答

1

如果你想設置的CSS這種方式,你應該避免「 - 」,並做到在以下樣式:

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

或者你可以用引號中的屬性,從而使邊界漢字成爲「下邊框」等

關於「爲什麼?」:

此外,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兩者)​​

+0

哇!謝謝!它的工作原理和我的理解! – user3011751

+0

@ user3011751太棒了! :)如果您可以確認這解決了您的問題,請接受它,以便其他人可以認識到這是一個真正的解決方案。 – Scorchio

0

OK嘗試使用檢查谷歌瀏覽器(右手點擊即可檢查元素)元素,然後安裝「WP編輯器」,這樣你可以找出它的確切位置並修復它。

+0

也是你可以提供更多的代碼,甚至是活的URL,我可以怎樣解決這個問題爲您服務。 – Beep

相關問題