Question

var $forms = $('form.vote');
$forms.submit(function(){
    return false;
});
$('.votebtn').on('click',function(){
    $this.closest('form').trigger('vote_now', [$(this).val()]);
});

$forms.on('vote_now',function(value){
    alert(value);
});

vote_now should be triggered and popup the value but something’s wrong. What is it?

http://jsfiddle.net/6ZHy4/

Answer 1

You forgot var $this = $(this);, and the extra arguments will be passed after the event object.

JSFIDDLE DEMO

var $forms = $('form.vote');
$forms.submit(function(){
    return false;
});
$('.votebtn').on('click',function(){
    var $this = $(this);  // declare variable
    $this.closest('form').trigger('vote_now', [$(this).val()]);
});
                                   // second argument, not first.
$forms.on('vote_now',function( e, value ){
    alert(value);
});