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

javascript, jquery

Solution

`.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
});

Problem

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 }); ```

Original source