模态框

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,15 +1,17 @@
 $(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').addClass('boo');
+        $('#side-menu .av').eq(0).addClass('boo');
     });
 
     $(".model-bg").each(function (i) {
         var _that=$(this);
+        $.each(arr,function (index) {
+            console.log(index);
             _that.find(".nextPage").click(function () {
                 _that.addClass("unchoose");
                 $(".model-bg").eq(i+1).removeClass("unchoose");
@@ -20,6 +22,7 @@ $(function(){
                 $(".model-bg").eq(i-1).removeClass("unchoose");
             });
         });
+    });
 
     $(".perfection").click(function () {
         $(".jump").addClass('unchoose');