'這'沒有被設置正確使用jQuery和CoffeeScript

我想寫一個相當簡單的「全選」功能，但我得到的錯誤與我的JavaScript。該代碼是相當簡單的，所以我就張貼：'這'沒有被設置正確使用jQuery和CoffeeScript

(function() { 
    $(function() { 
    var all_check_box; 
    all_check_box = '#tournament_league_127'; 
    return $(all_check_box).change(function() { 
     return $('.leagueCheckBox').each(function() { 
     return this.prop("checked", true); 
     }); 
    }); 
    }); 
}).call(this);

是由以下的CoffeeScript生成此代碼：

$ -> 
     all_check_box = '#tournament_league_127' 
     $(all_check_box).change -> 
       $('.leagueCheckBox').each -> 
         this.prop("checked", true)

然而，當我點擊＃tournament_league_127，我得到以下錯誤：this.prop is not a function。我不確定我做錯了什麼。任何幫助，將不勝感激。

來源

2012-03-01 Max

我不明白......'this'和'$（this）'有什麼區別？ – 2012-03-01 20:24:45

@Erica：'this'是事件處理程序綁定的元素。 '$（this）'用'this'（一個DOM元素）作爲參數調用jQuery並返回一個jQuery對象。 – 2012-03-01 20:26:22

你可以縮短它......'$（'。leagueCheckBox'）。prop（「checked」，true）' – 2012-03-01 20:29:09

應該$(this).prop ...（假設jQuery的1.6+，在此之前.prop不存在）。

來源

2012-03-01 20:21:23 bfavaretto

謝謝你是正確的答案。 – Max 2012-03-01 20:22:37

@Max：看看剛發佈的評論我不是 - *這是*正確的答案，因爲它解決了問題並刪除了不必要的代碼。 – bfavaretto 2012-03-01 20:32:50

謝謝你指出。我把它給了你，因爲我不能把它交給其他人，你的迴應是立即解決了我的問題。 – Max 2012-03-01 20:54:04

this指的不是元素的jQuery對象，所以你需要，

return $(this).prop("checked", true);

來源

2012-03-01 20:21:12 Andrew

'這'沒有被設置正確使用jQuery和CoffeeScript

回答

相關問題