WordPress 獲取即時預覽的自定義欄位的輸入值

問題描述

根據 codex，this question 可能是任何有關主題定製程式的教程，您可以使用以下程式碼獲取自定義欄位的值：

( function( $ ) {

    //Update site background color...
    wp.customize( 'background_color', function( value ) {
        value.bind( function( newval ) {
            $('body').css('background-color', newval );
        } );
    } );

} )( jQuery );

問題是你可以得到這個值，當它改變了。

我的問題是，如何 (以一種理智的方式) 可以在同一回撥中檢索另一個欄位的值。

例如。

( function( $ ) {

    //Update site background color...
    wp.customize( 'background_color', function( value ) {
        value.bind( function( newval ) {
            //Get value of field 'text_colour'
            //var text_colour = ??
            $('body').css('background-color', newval );
        } );
    } );

} )( jQuery );

最佳解決方案

是。 wp.customize( 'header_textcolor' )()：

( function( $ ) {

    //Update site background color...
    wp.customize( 'background_color', function( value ) {
        value.bind( function( newval ) {
            $('body').css('background-color', newval );
            var text_colour = wp.customize( 'header_textcolor' )();
            // ... now do something with text_colour
        } );
    } );

} )( jQuery );

參考文獻

• Get entered value of customiser field for live preview

注：本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。