模态框

frontend/web/assets/css/model.css

@@ -92,5 +92,5 @@
     top:17px;
 }
 .boo{
-    border:5px solid #fff;
+    border:2px solid #fff;
 }

frontend/web/assets/js/model.js

@@ -1,23 +1,26 @@
 $(function(){
+    var arr=[1,3,5,6,7,8,9];
     $(".prompt").click(function(){
         $(".model_wrap").show();
         $(".model-bg").eq(0).removeClass("unchoose");
         $('.jump').removeClass('unchoose');
 
-        $('#side-menu .av').eq(3).addClass('boo');
+        $('#side-menu .av').eq(0).addClass('boo');
-        $('#side-menu').addClass('boo');
     });
 
     $(".model-bg").each(function (i) {
         var _that=$(this);
-        _that.find(".nextPage").click(function () {
+        $.each(arr,function (index) {
-            _that.addClass("unchoose");
+            console.log(index);
-            $(".model-bg").eq(i+1).removeClass("unchoose");
+            _that.find(".nextPage").click(function () {
+                _that.addClass("unchoose");
+                $(".model-bg").eq(i+1).removeClass("unchoose");
 
-        });
+            });
-        _that.find(".Previous").click(function () {
+            _that.find(".Previous").click(function () {
-            _that.addClass("unchoose");
+                _that.addClass("unchoose");
-            $(".model-bg").eq(i-1).removeClass("unchoose");
+                $(".model-bg").eq(i-1).removeClass("unchoose");
+            });
         });
     });