Jquery еще не работает

Question

я не могу получить заявление еще в этом сценарии для работы:

$("input[type=text].required").blur(function() { 
    var loremIpsum = $(".errorPopup").length; 
    if ($(this).val() == "") { 
     $(this).addClass("error"); 
     $(this).parent(".inputWrapper").append("<div class=\"errorPopup\">" + $(this).attr("placeholder") + "</div>"); 
    } else if ($(this).hasClass("error");) { 
     alert("why doesn't this work?"); 
    } 
}); 

В чем проблема? Это выглядит идеально для меня.

Answer 1

Вы else if, когда вы, вероятно, просто хотите else

Answer 2

ваш код с запятой в конце выражения ...

} else if ($(this).hasClass("error");) { 

должен быть

} else if ($(this).hasClass("error")) { 

Answer 3

Внутри блока else if есть дополнительная точка с запятой. Попробуйте удалить его

} else if ($(this).hasClass("error")) { 

Answer 4

Суть в строке 6 не указана.

$("input[type=text].required").blur(function() { 
    var loremIpsum = $(".errorPopup").length; 
    if ($(this).val() == "") { 
     $(this).addClass("error"); 
     $(this).parent(".inputWrapper").append("<div class=\"errorPopup\">" + $(this).attr("placeholder") + "</div>"); 
    } else if($(this).hasClass("error")){ // You had a semi-colon here which was not required 
     alert("why doesn't this work?"); 
    } 
}); 

Answer 5

Вы должны сделать так

$("input[type=text].required").blur(function() { 
    var loremIpsum = $(".errorPopup").length; 
    if ($(this).val() == "") { 
     $(this).addClass("error"); 
     $(this).parent(".inputWrapper").append("<div class=\"errorPopup\">" + $(this).attr("placeholder") + "</div>"); 
    } 
    if ($(this).hasClass("error")) { 
     alert("why doesn't this work?"); 
    } 
}); 

, потому что, когда, если верно, чем он никогда не вступит в другой, если заявление, так

if() {} // false than go to 
else if() {} // if false than go to 
else {} // default