我将加强对你问题的评论。但又是暗示;我不是JS专家。下面的源代码提示仅用于与定制器进行不同的检查,例如sandbox.
wp。自定义(customize)
了解WP主题定制器界面主要围绕了解WP展开。自定义javascript对象。这个
wp.customize
对象很重要,您应该在开始时设置它。
下面的小示例演示了这一点。首先,我设置varapi
到自定义程序的对象。在此之后,我将自定义字段设置为api
并使用小型jQuery源代码对此进行增强,以刷新实时预览的结果。
( function( $ ) {
var api = wp.customize;
// Site title and description.
api( \'blogname\', function( value ) {
value.bind( function( to ) {
$( \'#header h1 a, #footer a.site-name\' ).html( to );
} );
} );
api( \'blogdescription\', function( value ) {
value.bind( function( to ) {
$( \'#header p.site-description\' ).html( to );
} );
} );
} )( jQuery );
设置和控件存储在
wp.customize.control
和设置对象存储在
wp.customize
.value类有很多函数,可以帮助您。
实例(id)–从集合中获取具有指定id的对象。如果集合包含具有指定id的对象,则返回true,否则返回false
添加(id,值)–使用指定的id和值向集合添加对象移除(id)–从集合中移除对象创建(id)–使用默认构造函数创建一个新对象,并将其添加到集合中每个(回调,上下文)–迭代集合中的元素自定义设置
使用此功能,我们可以增强自定义设置。
var api = wp.customize,
mysetting = api.instance( \'my_custom_setting\' );
也可用于阵列
var api = wp.customize,
mysetting = api.instance( \'my_custom_settings[my_custom_setting_field]\' );
获取控制台中的结果。
console.log( api.instance( \'my_custom_settings[my_custom_setting_field]\' ).get() );
设置也可以通过函数更改设置值
set
.
api.instance( \'my_custom_settings[my_custom_setting_field]\' ).set( \'my new value\' ) );
使用控件获取对象
console.log( api.control.instance( \'my_custom_setting_field\' ) );
有用的源代码wp admin/js/customize controls。js包括/js/自定义预览。wp包括/js/customize base。js