滑块

public/js/puzzle.js

@@ -114,7 +114,7 @@ var that = this,imgData="";
             const canvas = createCanvas(w, h) // 画布
             const block = canvas.cloneNode(true) // 滑块
             const sliderContainer = createElement('div', 'sliderContainer')
-            const refreshIcon = createElement('div', 'refreshIcon')
+            // const refreshIcon = createElement('button', 'refreshIcon')
             const sliderMask = createElement('div', 'sliderMask')
             const slider = createElement('div', 'slider')
             const sliderIcon = createElement('span', 'sliderIcon')
@@ -125,7 +125,7 @@ var that = this,imgData="";
 
             const el = this.el
             el.appendChild(canvas)
-            el.appendChild(refreshIcon)
+            // el.appendChild(refreshIcon)
             el.appendChild(block)
             slider.appendChild(sliderIcon)
             sliderMask.appendChild(slider)
@@ -137,7 +137,7 @@ var that = this,imgData="";
                 canvas,
                 block,
                 sliderContainer,
-                refreshIcon,
+                // refreshIcon,
                 slider,
                 sliderMask,
                 sliderIcon,
@@ -170,22 +170,25 @@ var that = this,imgData="";
         }
 
         clean () {
-            if(publicFunc.isWhichBrowe().ios||publicFunc.isWhichBrowe().webKit){
-                // location.reload();
+            var issafariBrowser = /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent);
+            console.log(issafariBrowser)
+            if(publicFunc.isWhichBrowe().ios||issafariBrowser){
+                // location.reload()
             }else{
                 this.canvasCtx.clearRect(0, 0, w, h)
                 this.blockCtx.clearRect(0, 0, w, h)
                 this.block.width = w
             }
 
+
         }
 
         bindEvents () {
             this.el.onselectstart = () => false
-            this.refreshIcon.onclick = () => {
-                this.reset()
-                typeof this.onRefresh === 'function' && this.onRefresh()
-            }
+            // this.refreshIcon.onclick = () => {
+            //     this.reset()
+            //     typeof this.onRefresh === 'function' && this.onRefresh()
+            // }
 
             let originX, originY, trail = [], isMouseDown = false