.trigger（）a .on（）

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應該被觸發並彈出該值，但是出現了錯誤。它是什麼？

http://jsfiddle.net/6ZHy4/

Answer 1

你忘了var $this = $(this);，以及額外的參數將事件對象後傳遞。

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

Answer 2

$this不當聲明。使用$(this)上，而不是6號線

http://jsfiddle.net/PxkpC/