CODEWITHSUNDEEP
javascriptjquery
TaylorMac
TaylorMac

Reputation: 9002

Pass data using jQuery Trigger event to a Change event handler?

Is there a way to pass data to a change event via jQuery's trigger method?

The issue here is that a click event triggers the upload menu. Once the image is selected, the change event is fired, however. The data I passed into the trigger event's second parameter is passed to the click event, not to the change event. In the example below, data is undefined.

Trigger Image Change

$('.change_main_image').live('click', function() {
    $('input[name=photo].change_uploader').trigger('click', ["some string"]);
});

Event Handler

$('input[name=photo].change_uploader').live('change', function (e, data) {
   alert(data); // undefined
   //canvas resize and upload script
});

Upvotes: 47

Views: 54821

Answers (1)

thecodejack
thecodejack

Reputation: 13379

.live() is deprecated. Use .on() like this. And change event should be triggered, not click 

$('.change_main_image').on('click', function() {
    $('input[name=photo].change_uploader').trigger('change', [{somedata:true}]);
});


$('input[name=photo].change_uploader').on('change', function (e, data) {
   alert(data.somedata); 
   //canvas resize and upload script
});

Upvotes: 99

Related Questions