Question

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

EventTypes为1,2,3

我需要分开EventType 1，EventTtpe 2＆amp; EventType 3（分隔div）在这里我粘贴了Ajax Success消息。在这里它是Duplicates。这意味着我使用EventType 2＆amp; 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.为防止这种情况发生，请使用{{1在案件之后：

break;

图像在Switch Case语句中重复

1 个答案: