javascript - 为什么我的开关 block (打开 $(e.target) .attr ("class"))不工作？

Question

我试图找出为什么这段代码不起作用..

我想要的只是通过简单的事件委托(delegate)来分配一个事件监听器。

它只发出警报，不产生动画。请让我知道这里出了什么问题:

$(document).ready(function() {
  var img = $("img");

$("span").click(function(e){
  var targetClicked = $(e.target).attr('class');
  //the alert works fine
  alert(targetClicked)

switch(targetClicked){
// i deleted the rest of the cases
    case d:img.stop(false,true);
  break;
    case e:img.slideDown().animate({"width":200, height:200, opacity:0.4,});
  break; 
  //nothings works here as well
    case f:alert("hi");
  break;
 }
 });         
});

Answer 1

switch 语句 case 条件中的 d 和 e 是什么？按照您现在编写代码的方式，它们被视为变量，并且您的代码可能会因“'d'未定义”错误而崩溃。

如果你想打开类名"d"和"e"，那么你需要使用类名作为字符串:

switch (targetClicked) {
  case "d":
    //...
    break;
  case "e":
    // ...
    break;
}