图像在 Switch Case 语句中重复答案

【问题标题】：Images Duplicate inside Switch Case statement图像在 Switch Case 语句中重复
【发布时间】：2014-03-03 09:17:13
【问题描述】：

这里我在数据库中的 EventType 是整数类型。这里它返回，

EventTypes 是 1,2,3

我需要将 EventType 1 、 EventTtpe 2 和 EventType 3 分开（以分隔 div）在这里我粘贴 Ajax 成功消息。在这里它重复。这意味着我使用 EventType 2 和 EventType 3 作为单独的 div，但它显示事件类型 2 重复的图像。它不显示 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

【问题讨论】：

你错过了休息；事后。

标签： jquery json web-services switch-statement

【解决方案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;

}

【讨论】：