javascript - 尝试将 JS 绑定到 html 图像 url-使用 WP 主题定制器 API

Question

因为我相信这个问题更多地与 Javascript 相关，所以我决定将它发布在 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 );
  });
});