jquery $ .fn不能正常工作

Question

fn在沒有任何麻煩之前創建函數/方法，但是，現在我遇到了一些問題。任何幫助將不勝感激:)

$.fn.formClass = function(class) 
{ 

var bad_class = (class=='input_good') ? 'input_bad' : 'input_good'; 
if($(this).hasClass(bad_class))$(this).removeClass(bad_class); 
$(this).addClass(class); 

} 

，我嘗試使用它這個函數內部：

function check_username() 
{ 

var username = $('input[name="username"]'); 
if(username.val().length<4||username.val.length>20) 
{username.formClass('input_bad');} 
} 

的CONSOLE.LOG是說遺漏的類型錯誤：對象的翻譯：沒有方法'formClass'

非常感謝您的幫助！

Answer 1

我相信你應該得到一個關於使用變量名class的錯誤，因爲它是一個保留關鍵字。嘗試將其重命名爲其他內容：

$.fn.formClass = function(class_name) { 
    var bad_class = (class_name=='input_good') ? 'input_bad' : 'input_good'; 
    if($(this).hasClass(bad_class))$(this).removeClass(bad_class); 
    $(this).addClass(class_name); 
}