javascript - 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 显示 Uncaught TypeError: Object [object Object] has no method '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);
}