在面板上点击时在定制器预览中加载页面?

时间:2017-11-29 作者:Runnick

我正在尝试用一些功能扩展customizer,但缺少与控件无关的案例的文档。

E、 g.单击面板后,我想在预览中加载一些url。

我的两个问题是:

我无法将事件附加到面板和字段,因为常规的单击和更改不起作用,因为面板似乎不会立即加载

1 个回复
最合适的回答,由SO网友:Weston Ruter 整理而成

我已经在我的帖子中记录了如何做到这一点Navigating to a URL in the Customizer Preview when a Section is Expanded, 当然,你只需要使用面板而不是剖面。

这应该可以满足您的需求:

(function ( api ) {
    api.panel( \'my_panel_id\', function( panel ) {
        panel.expanded.bind( function( isExpanded ) {
            if ( isExpanded ) {
                api.previewer.previewUrl.set( panelPreviewUrl );
            }
        } );
    } );
} ( wp.customize ) );
你会替换panelPreviewUrl 变量,该变量包含要导航预览的对象。然后你会替换\'my_panel_id\' 无论面板的ID是什么。

结束

相关推荐

添加内联JavaScript编码问题

在通过以下方式将内联JavaScript添加到WordPress页面的页脚时,我遇到了一个编码问题wp_add_inline_script().以下描述是用于演示的问题的简化版本。因此,我在post editor的metabox中有一个textarea,其中包含以下JavaScript:var test3 = \'3\'; var test4 = \"4\"; 注意使用单引号和双引号进行测试。我还在将包含以下内容的JavaScript文件排入队列:console.log(\"test.j