主题定制器实时预览js-尝试绑定到html图像url不走运

时间:2013-11-11 作者:user1632018

我在将主题定制器实时预览javascript绑定到HTML时遇到了一些问题<img src>- 更具体地说,这是我的标志。

下面是html在页面上的外观(非常漂亮):

<a class="footerlogo" href="#top"><img src="<?php echo mytheme_theme_mod( \'footer_logo\' ); ?>" /></a> </div>
现在我有问题的部分是JS——这里是我的前两次尝试。两者都不起作用。

Attempt 1:

    /** Footer logo */
wp.customize( \'mytheme_footer_logo\', function( value ) {
    value.bind( function( to ) {
        $( \'.footerlogo img src\' ).html( to );
    } );
} );
尝试2:

/** Footer logo */
wp.customize( \'mytheme_footer_logo\', function( value ) {
    value.bind( function( to ) {
    var footer = $( \'.footerlogo img\' );

     footer.attr( \'href\', to );

    } );
} );
有人能在这方面给我帮助吗?

1 个回复
SO网友:user1632018

哎呀,似乎我不小心用错了标记,我用了href而不是src。简单修复:

/** Footer logo */
    wp.customize( \'mytheme_footer_logo\', function( value ) {
        value.bind( function( to ) {
        var footer = $( \'.footerlogo img\' );

         footer.attr( \'src\', to );

        } );
    } );

结束

相关推荐

WP_EDITOR删除HTML和内联样式

我使用wp_editor 函数在前端显示编辑器。问题是,根据我作为输入提供的设置,此编辑器的行为与后端中的编辑器不同:$settings = array( \'wpautop\' => true, \'media_buttons\' => false, \'tinymce\' => array( \'theme_advanced_buttons1\' =>