按鈕開關案例

Question

我似乎無法得到這個工作在jQuery中。我使用這個代碼來替代不必定義每個按鈕，但是這不工作：/

http://jsfiddle.net/pufamuf/FV4jW/1/

另外，我想知道是否/如何我可以使用一個以上的語句爲每個個案。謝謝:)

Answer 1

您需要在您的開關聲明每個情況後添加休息。更新JSFiddle here。

從Wikipedia：

休息;是可選的;然而，它通常是需要的，因爲否則代碼執行將繼續到下一個case塊的主體。

作爲預防措施，在最後一個病例的末尾添加一箇中斷聲明，以防以後再添加病例。

更新的Javascript：

$("input[type='button']").click(function() { 
    switch(this.id) { 
    case 'buttonone': $("#content").html("Content changed"); break; //notice BREAK 
    case 'buttontwo': $("#content").html("Content changed again"); break; 
    } 
}); 

Answer 2

$("input[type='button']").click(function() { 
    switch (this.id) { 
    case 'buttonone': 
     $("#content").html("Content changed"); 
     break; 
    case 'buttontwo': 
     $("#content").html("Content changed again"); 
     break; 
    } 
}); 

Answer 3

$("input[type='button']").click(function() { 
    switch(this.id) { 
     case 'buttonone' : 
      $("#content").html("Content changed"); 
      break; 
     case 'buttontwo' : 
      $("#content").html("Content changed again"); 
      break; 
    } 
}); 

Answer 4

$("input[type='button']").click(function() { 
    switch($(this).attr('id')) { 
     case 'buttonone' : $("#content").html("Content changed"); break; 
     case 'buttontwo' : $("#content").html("Content changed again"); break; 
    } 
}); 

你忘了break每種情況後，在年底有一個額外的)}，你也需要使用$(this).attr('id')代替this.id