diff --git a/static/js/notebook.js b/static/js/notebook.js index e1c0f1510cc9f7e2c37cb47ed780778ff2fca39e..0c783d6e069ecdb049aa20c028d52fa813076c58 100644 --- a/static/js/notebook.js +++ b/static/js/notebook.js @@ -12,54 +12,61 @@ window.addEventListener("load", function() { } } - var pages = document.getElementsByClassName("bp"); + var books = document.getElementsByClassName("book") + var pageslis = [] + for(var k=0;k<books.length;k++){ + var book = books[k]; + var pages = book.getElementsByClassName("bp"); + pageslis.push(pages) var nowpage = 0; // -1为左翻页,1为å³ç¿»é¡µï¼Œ0为å‡å¯ç‰å¾…çŠ¶æ€ var it; var turning = 0 for(var i=0;i<pages.length;i++){ - var page = pages[i]; - page.onclick = function(){ - if (this.classList.contains("turn")) { - if (turning ==-1|| turning ==0){ - turning = -1 - this.classList.remove("turn") - - console.log("nowpage"+nowpage+" "+"to "+(nowpage-1)) - nowpage = nowpage-1 - clearTimeout(it) - it = setTimeout(function(){ - turning = 0 - },1500) - } - } else { - if (turning == 1 || turning ==0){ - turning = 1 - this.classList.add("turn") - console.log("nowpage"+nowpage+" "+"to "+(nowpage+1)) - nowpage = nowpage+1 - clearTimeout(it) - it = setTimeout(function(){ - turning = 0 - },1500) + var page = pages[i]; + page.onclick = function(){ + if (this.classList.contains("turn")) { + if (turning ==-1|| turning ==0){ + turning = -1 + this.classList.remove("turn") + + console.log("nowpage"+nowpage+" "+"to "+(nowpage-1)) + nowpage = nowpage-1 + clearTimeout(it) + it = setTimeout(function(){ + turning = 0 + },1500) + } + } else { + if (turning == 1 || turning ==0){ + turning = 1 + this.classList.add("turn") + console.log("nowpage"+nowpage+" "+"to "+(nowpage+1)) + nowpage = nowpage+1 + clearTimeout(it) + it = setTimeout(function(){ + turning = 0 + },1500) + } } } - } } - - // 点击书ç¾æ—¶çš„翻页 - var bookmarks = document.getElementsByClassName("book-mark"); + // 点击书ç¾æ—¶çš„翻页 + var bookmarks = book.getElementsByClassName("book-mark"); for(var i=0;i<bookmarks.length;i++){ var bkmk = bookmarks[i]; + bkmk.setAttribute("pgnum",i+1) + bkmk.setAttribute("wcbk",k) + bkmk.onclick = function(event) { event.stopPropagation(); // åœæ¢çˆ¶å…ƒç´ 事件 // å‘åŽç¿» if(this.getAttribute("pgnum")>nowpage){ for(var j=0;j<this.getAttribute("pgnum");j++){ nowpage = this.getAttribute("pgnum") - pages[j].classList.add("turn") + pageslis[this.getAttribute("wcbk")][j].classList.add("turn") } turning = 1 clearTimeout(it) @@ -71,7 +78,7 @@ window.addEventListener("load", function() { for(var j=nowpage;j>0;j--){ nowpage = this.getAttribute("pgnum") try{ - pages[j].classList.remove("turn") + pageslis[this.getAttribute("wcbk")][j].classList.remove("turn") }catch(e){ } @@ -86,6 +93,11 @@ window.addEventListener("load", function() { }; } + } + + + + });