映像複製開關Case語句

Question

在這裏我在數據庫事件類型的整數type.here它返回裏面，

事件類型是1,2,3

我需要單獨的事件類型1，EventTtpe 2 &事件類型3（單獨div's） 這裏我粘貼Ajax成功消息。在這裏它重複。這意味着我使用EventType 2 & EventType 3爲單獨的div，但它顯示事件類型2重複images.it不顯示EventType 3圖像

 success: function (msg) { 
       $("#LoadEvents").append("<div class=\"clsMainDiv\">"); 
$.each(msg.d, function (index, item) { 
         imageUrl = item.ImagePath == "" ? "./images/defaultPicture.png" : (item.EventFolderName + '/' + item.ImagePath); 
        evntnme= item.EventName.length > 10 ? (item.EventName.substring(0, 10) + '...') : item.EventName; 
        EventType = item.EventType; 
        alert(EventType); 
        switch(EventType){ // event type returns 1,2,3 

        case 2: <-- Here i use to list EventType 2 images 

         $("#LoadEvents").append("<div class=\"PEvents\">") 
         $("#LoadEvents").append("<div class=\"clsInnerDiv\"><span>" + evntnme+ "</span><img src=\"" + imageUrl + "\" onclick=\"OpenEvent(" + item.ID + ")\" /></div>"); 
         $("#LoadEvents").append("</div>"); 
        case 3: <-- here i use to list event type 3 images 

         $("#LoadEvents").append("<div class=\"HEvents\">") 
         $("#LoadEvents").append("<div class=\"clsInnerDiv\"><span>" + evntnme+ "</span><img src=\"" + imageUrl + "\" onclick=\"OpenEvent(" + item.ID + ")\" /></div>"); 
         $("#LoadEvents").append("</div>"); 

       } 
       }); 
       $("#LoadEvents").append("</div>"); 
       }, 
       //Some code here 

Answer 1

看一看switch語句的語法是如何工作的：

http://www.w3schools.com/js/js_switch.asp

在你的代碼示例，如果case 2是真實的，它貫穿案例2，但由於沒有休息就不會停止，另外通過運行案例3.爲防止發生這種情況，請使用break; s案例：

switch(EventType){ // event type returns 1,2,3 

    case 2: <-- Here i use to list EventType 2 images 

     $("#LoadEvents").append("<div class=\"PEvents\">") 
     $("#LoadEvents").append("<div class=\"clsInnerDiv\"><span>" + evntnme+ "</span><img src=\"" + imageUrl + "\" onclick=\"OpenEvent(" + item.ID + ")\" /></div>"); 
     $("#LoadEvents").append("</div>"); 
     break; 
    case 3: <-- here i use to list event type 3 images 

     $("#LoadEvents").append("<div class=\"HEvents\">") 
     $("#LoadEvents").append("<div class=\"clsInnerDiv\"><span>" + evntnme+ "</span><img src=\"" + imageUrl + "\" onclick=\"OpenEvent(" + item.ID + ")\" /></div>"); 
     $("#LoadEvents").append("</div>"); 
     break; 

}