Why jQuery .bind not running the change command after Input updated?

Question

Users upload image and thumbnail show up in the div OK, but when the value of the input change (update with Wordpress Media Uploader) it doesn't change the thumbnail by running the command after change, only the value in input will change. Thank you everyone in advanced.

Function i wanna fix:

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

Here is the full code:

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&amp;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;
    });
});

War10ck · Accepted Answer · 2014-08-25 19:03:22Z

2

.bind() only attaches (or binds) an event handler to an element. It does not trigger the event on the element. To trigger the change function, use .trigger() with the event name or use the shorthand .change().

Samples:

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

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

answered Aug 25, 2014 at 19:03

War10ck

12.5k7 gold badges46 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Brian Nezhad Over a year ago

I have tried that, but it does't run the code again. :/ it just change the value in the input.

Brian Nezhad Over a year ago

is there a way after first time the code runs, it stead by for another action in same function?

War10ck Over a year ago

Where are you binding the change event to the element? Also, what are you trying to access with checkFaviconField? The jQuery object?

Brian Nezhad Over a year ago

I thought thats the way you set it up so it can check if change happened. and then put it in if statement and run the code if it is true.

War10ck Over a year ago

Is #faviconImageURL a dynamically generated element?

|

Collectives™ on Stack Overflow

Why jQuery .bind not running the change command after Input updated?

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest