javascript - If/Else Conditional 第二次没有运行我调用函数

Question

当我第一次运行该函数时，任一条件都有效。但是当我第二次运行该函数时，“可爱”的新值不会改变背景图像。

$("#sbmt-button").click(newImage);

function newImage(){
    event.preventDefault();
    var cute = $("#cute").val();
    $("#cute").val(" ");

   if (cute == "kittens") {
      $("body").attr("class", "kittens");
        console.log(cute);
    } else if (cute == "puppies"){
       $("body").attr("class", "puppies");
      console.log(cute);

    } 
}

http://codepen.io/ElaineM/pen/jbYbwj

Answer 1

您的代码确实有效，但唯一的问题是您需要使用 $("#cute").val(""); 而不是 $("#cute")。 val("");，其中放置了一个空格，它与值不匹配。

此外，您可以尝试通过 trim 空白空间以这种方式进行比较:

function newImage(){
    event.preventDefault();
    var cute = $("#cute").val().trim();
    $("#cute").val(" ");

   if (cute == "kittens") {
      $("body").attr("class", "kittens");
        console.log(cute);
    } else if (cute == "puppies"){
       $("body").attr("class", "puppies");
      console.log(cute);

    } 
}