Question

由于我认为这个问题更多地与Javascript有关，因此WP我决定将其发布在SO上。

我在将主题自定义程序实时预览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 );

    } );
} );

有人可以给我这方面的帮助吗？

Answer 1

您需要更改图像标记的src属性，在jquery中，您可以使用attr('src',to)执行此操作。

按照上面的代码：

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

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

尝试将JS绑定到html图像url-使用WP主题自定义程序API

1 个答案: