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 辅助翻译的英文资料结果。如果您对结果不满意，可以加入我们改善翻译效果：薇晓朵技术论坛。