dos

Public/static/js/common.js

@@ -130,13 +130,13 @@ $(document).ready(function () {
     for (let i = 0; i < 21; i++) {
         $('.read' + i).hide();
     }
-    reading = getCookie('reading');
-    if (reading != null) {
-        readingJson = JSON.parse(reading);
-        for (let key in readingJson) {
-            $('.read' + key.replace(/link/, "")).show();
-        }
-    }
+    // reading = getCookie('reading');
+    // if (reading != null) {
+    //     readingJson = JSON.parse(reading);
+    //     for (let key in readingJson) {
+    //         $('.read' + key.replace(/link/, "")).show();
+    //     }
+    // }
 
     video1.addEventListener('pause', function () {
         if (video1.paused && video2.paused && video3.paused) {
@@ -181,104 +181,173 @@ $(document).ready(function () {
         video2.pause();
     });
 
-    $('.btn-clear').on('click', function () {
-        setCookie('reading', '{}');
-    });
+    // $('.btn-clear').on('click', function () {
+    //     setCookie('reading', '{}');
+    // });
 
-    $('.link0').on('click', {
+    $('.link0').on('touchend', {
         link: linkAddress.link0,
         index: 0
     }, jumpTolink);
 
-    $('.link1').on('click', {
+    $('.link1').on('touchend', {
         link: linkAddress.link1,
         index: 1
     }, jumpTolink);
-    $('.link2').on('click', {
+    $('.link2').on('touchend', {
         link: linkAddress.link2,
         index: 2
     }, jumpTolink);
-    $('.link3').on('click', {
+    $('.link3').on('touchend', {
         link: linkAddress.link3,
         index: 3
     }, jumpTolink);
-    $('.link4').on('click', {
+    $('.link4').on('touchend', {
         link: linkAddress.link4,
         index: 4
     }, jumpTolink);
-    $('.link5').on('click', {
+    $('.link5').on('touchend', {
         link: linkAddress.link5,
         index: 5
     }, jumpTolink);
-    $('.link6').on('click', {
+    $('.link6').on('touchend', {
         link: linkAddress.link6,
         index: 6
     }, jumpTolink);
-    $('.link7').on('click', {
+    $('.link7').on('touchend', {
         link: linkAddress.link7,
         index: 7
     }, jumpTolink);
-    $('.link8').on('click', {
+    $('.link8').on('touchend', {
         link: linkAddress.link8,
         index: 8
     }, jumpTolink);
-    $('.link9').on('click', {
+    $('.link9').on('touchend', {
         link: linkAddress.link9,
         index: 9
     }, jumpTolink);
-    $('.link10').on('click', {
+    $('.link10').on('touchend', {
         link: linkAddress.link10,
         index: 10
     }, jumpTolink);
-    $('.link11').on('click', {
+    $('.link11').on('touchend', {
         link: linkAddress.link11,
         index: 11
     }, jumpTolink);
-    $('.link12').on('click', {
+    $('.link12').on('touchend', {
         link: linkAddress.link12,
         index: 12
     }, jumpTolink);
-    $('.link13').on('click', {
+    $('.link13').on('touchend', {
         link: linkAddress.link13,
         index: 13
     }, jumpTolink);
-    $('.link14').on('click', {
+    $('.link14').on('touchend', {
         link: linkAddress.link14,
         index: 14
     }, jumpTolink);
-    $('.link15').on('click', {
+    $('.link15').on('touchend', {
         link: linkAddress.link15,
         index: 15
     }, jumpTolink);
-    $('.link16').on('click', {
+    $('.link16').on('touchend', {
         link: linkAddress.link16,
         index: 16
     }, jumpTolink);
-    $('.link17').on('click', {
+    $('.link17').on('touchend', {
         link: linkAddress.link17,
         index: 17
     }, jumpTolink);
-    $('.link18').on('click', {
+    $('.link18').on('touchend', {
         link: linkAddress.link18,
         index: 18
     }, jumpTolink);
-    $('.link19').on('click', {
+    $('.link19').on('touchend', {
         link: linkAddress.link19,
         index: 19
     }, jumpTolink);
-    $('.link20').on('click', {
+    $('.link20').on('touchend', {
         link: linkAddress.link20,
         index: 20
     }, jumpTolink);
+
+
+
+
+    $('.link0').on('touchstart', {
+        index: 0
+    }, showRead);
+
+    $('.link1').on('touchstart', {
+        index: 1
+    }, showRead);
+    $('.link2').on('touchstart', {
+        index: 2
+    }, showRead);
+    $('.link3').on('touchstart', {
+        index: 3
+    }, showRead);
+    $('.link4').on('touchstart', {
+        index: 4
+    }, showRead);
+    $('.link5').on('touchstart', {
+        index: 5
+    }, showRead);
+    $('.link6').on('touchstart', {
+        index: 6
+    }, showRead);
+    $('.link7').on('touchstart', {
+        index: 7
+    }, showRead);
+    $('.link8').on('touchstart', {
+        index: 8
+    }, showRead);
+    $('.link9').on('touchstart', {
+        index: 9
+    }, showRead);
+    $('.link10').on('touchstart', {
+        index: 10
+    }, showRead);
+    $('.link11').on('touchstart', {
+        index: 11
+    }, showRead);
+    $('.link12').on('touchstart', {
+        index: 12
+    }, showRead);
+    $('.link13').on('touchstart', {
+        index: 13
+    }, showRead);
+    $('.link14').on('touchstart', {
+        index: 14
+    }, showRead);
+    $('.link15').on('touchstart', {
+        index: 15
+    }, showRead);
+    $('.link16').on('touchstart', {
+        index: 16
+    }, showRead);
+    $('.link17').on('touchstart', {
+        index: 17
+    }, showRead);
+    $('.link18').on('touchstart', {
+        index: 18
+    }, showRead);
+    $('.link19').on('touchstart', {
+        index: 19
+    }, showRead);
+    $('.link20').on('touchstart', {
+        index: 20
+    }, showRead);
 });
 
 function jumpTolink(event) {
     const link = event.data.link;
     if (event.data.index || event.data.index == 0) {
         const index = event.data.index;
-        readingJson['link' + index] = 1;
-        setCookie('reading', JSON.stringify(readingJson));
-        $('.read' + index).show();
+        // readingJson['link' + index] = 1;
+        // setCookie('reading', JSON.stringify(readingJson));
+        $('.read' + index).hide();
+
     }
     setTimeout(function () {
         window.location.href = link;
@@ -286,6 +355,11 @@ function jumpTolink(event) {
 
 }
 
+function showRead(event) {
+    const index = event.data.index;
+    $('.read' + index).show();
+}
+
 
 function getTranslateDistance(cardinal = 0, abs = false) {
     var wrapInnerTransform = $('.wrap-inner').css('transform');