javascript - 为什么 jQuery .bind 在输入更新后不运行更改命令？

Question

用户上传图像和缩略图显示在div中正常，但是当输入的值更改(使用Wordpress Media Uploader更新)时，更改后运行命令不会更改缩略图，只有输入中的值会更改改变。提前谢谢大家。

我想修复的功能:

/*Check for Favicon and Place it into Thumbnail*/
 var checkFaviconField = jQuery('#faviconImageURL').bind();
 if (checkFaviconField){
     jQuery('#favicon').append("<img height='48px' src='"+imageUrl+"'/>");
 }

完整代码如下:

var activeUpload = false;
jQuery(document).ready(function() {
    jQuery('.uploadButton').click(function() {
        activeUpload = true;
        retrievefieldID = jQuery(this).prev().attr('id');
        Fields = jQuery('#'+retrievefieldID).attr('name');
        tb_show('', 'media-upload.php?type=image&TB_iframe=true');

        if (activeUpload == true) {
            var previousFunction = window.send_to_editor;
            window.send_to_editor = function (html) {
                imageUrl = jQuery('img', html).attr('src');
                jQuery("#"+retrievefieldID).val(imageUrl);
                tb_remove(); 

                /*Check for Favicon and Place it into Thumbnail*/
                var checkFaviconField = jQuery('#faviconImageURL').bind();
                if (checkFaviconField){
                    jQuery('#favicon').append("<img height='48px' src='"+imageUrl+"'/>");
                }
            }
        }
        activeUpload = false;
    });
});

Answer 1

.bind()仅将事件处理程序附加(或绑定(bind))到元素。它不会触发元素上的事件。要触发更改功能，请使用 .trigger()与事件名称或使用简写 .change() .

示例:

jQuery('#faviconImageURL').trigger('change');

jQuery('#faviconImageURL').change();