reset
This commit is contained in:
make
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.9 KiB |
@@ -1,636 +0,0 @@
|
||||
$(function(){
|
||||
var Cookie = {
|
||||
/**
|
||||
* 获取指定名称的Cookie值
|
||||
* @param {string} name - Cookie名称
|
||||
* @returns {string|null} - 返回Cookie值，如果不存在则返回null
|
||||
*/
|
||||
get: function(name){
|
||||
var carr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
|
||||
|
||||
if (carr != null){
|
||||
return decodeURIComponent(carr[2]);
|
||||
}
|
||||
|
||||
return null;
|
||||
},
|
||||
/**
|
||||
* 设置Cookie
|
||||
* @param {string} name - Cookie名称
|
||||
* @param {string} value - Cookie值
|
||||
* @param {number} expires - 过期时间（以毫秒为单位）
|
||||
* @param {string} path - Cookie路径
|
||||
* @param {string} domain - Cookie域
|
||||
*/
|
||||
set:function(name, value, expires, path, domain){
|
||||
if(expires){
|
||||
expires = new Date(+new Date() + expires);
|
||||
}
|
||||
var tempcookie = name + '=' + escape(value) +
|
||||
((expires) ? '; expires=' + expires.toGMTString() : '') +
|
||||
((path) ? '; path=' + path : '') +
|
||||
((domain) ? '; domain=' + domain : '');
|
||||
|
||||
//Ensure the cookie's size is under the limitation
|
||||
if(tempcookie.length < 4096) {
|
||||
document.cookie = tempcookie;
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 清除指定名称的Cookie
|
||||
* @param {string} name - Cookie名称
|
||||
* @param {string} path - Cookie路径
|
||||
* @param {string} domain - Cookie域
|
||||
*/
|
||||
clear: function (name, path, domain) {
|
||||
if (this.get(name)) {
|
||||
document.cookie = name + "=" + ((path) ? "; path=" + path : "; path=/") + ((domain) ? "; domain=" + domain : "") + ";expires=Fri, 02-Jan-1970 00:00:00 GMT";
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// 从页面中读取阅读设置选项
|
||||
var $settings = $("#pageReadOpt")
|
||||
var data = {
|
||||
isLogin: book.uid, // 用户是否登录
|
||||
isPublish: $settings.data("book-publish") == "0" ? 0 : 1, // 书籍是否已发布
|
||||
salesMode: $settings.data("sale-modes") == "2" ? 1 : 0, // 销售模式
|
||||
hasSub: $settings.data("has-sub") == "0" ? 0 : 1, // 是否有订阅
|
||||
settingsStr: $settings.data("settingsStr"), // 设置字符串（可能包含阅读配置）
|
||||
chapterUrl: book.chapterUrl, // 当前章节的URL
|
||||
endUrl: book.url, // 书籍结束时的URL
|
||||
book: book.Info, // 书籍信息
|
||||
chapters: (function() {
|
||||
var chapters = {};
|
||||
chapters[book.chapter.id] = book.chapter; // 初始化章节数据
|
||||
return chapters;
|
||||
})(),
|
||||
chapter: book.chapter, // 当前章节信息
|
||||
scrollLastChapter: book.chapter, // 上次滚动到的章节
|
||||
lastOfflineChapterId: null, // 最近离线章节的ID
|
||||
isInBookShelf: 0, // 是否在书架中
|
||||
catalog: null // 书籍目录
|
||||
};
|
||||
|
||||
/**
|
||||
* 检查是否处于离线状态
|
||||
* @returns {boolean} - 如果离线则返回true，否则返回false
|
||||
*/
|
||||
var isOffline = function() {
|
||||
return navigator && navigator.onLine === false;
|
||||
};
|
||||
|
||||
/**
|
||||
* Book对象，包含书籍阅读相关的功能
|
||||
*/
|
||||
var Book = {
|
||||
// 初始化书籍阅读功能
|
||||
init: function () {
|
||||
var that = this;
|
||||
that.winHeight = $(window).height(); // 获取窗口高度
|
||||
that.forbidCopy(); // 禁止复制、剪切和右键功能
|
||||
this.initOptionsLayer(); // 初始化选项层
|
||||
this.initCatalogAside(); // 初始化目录
|
||||
this.initChapterProgress(); // 初始化章节进度
|
||||
this.initFontSizeSetting(); // 初始化字体大小设置
|
||||
this.initSkinSetting(); // 初始化皮肤设置
|
||||
this.initModeSetting(); // 初始化阅读模式设置
|
||||
this.initDayNightSetting(); // 初始化日夜模式切换
|
||||
this.initModes(); // 初始化阅读模式（滚动/滑动）
|
||||
if ($("#pageRead").hasClass("H")) {
|
||||
this.swipeReader.enable(); // 启用滑动阅读模式
|
||||
} else {
|
||||
this.scrollReader.enable(); // 启用滚动阅读模式
|
||||
}
|
||||
},
|
||||
/*
|
||||
* 禁止页面选中文字、copy、右键功能
|
||||
* @method forbidCopy
|
||||
*/
|
||||
forbidCopy: function () {
|
||||
//禁止copy
|
||||
$('body').on('copy', function () {
|
||||
return false;
|
||||
});
|
||||
//禁止cut
|
||||
$('body').on('cut', function () {
|
||||
return false;
|
||||
});
|
||||
//禁止鼠标右键默认弹窗
|
||||
$('body').on('contextmenu', function () {
|
||||
return false;
|
||||
});
|
||||
|
||||
},
|
||||
// 初始化选项层
|
||||
initOptionsLayer: function() {
|
||||
var $layer = $("#pageReadOpt");
|
||||
var $settingsMenu = $("#readBtnMore");
|
||||
$layer.on({
|
||||
click: function(event) {
|
||||
var target = event.target;
|
||||
if (target !== this || target.avoidClick) {
|
||||
return;
|
||||
}
|
||||
var $activeLayer = $layer.find(".jsLayerTrigger.active");
|
||||
if ($activeLayer.length) {
|
||||
$activeLayer.trigger("click");
|
||||
}
|
||||
$layer.removeClass("active");
|
||||
},
|
||||
touchstart: function(event) {
|
||||
this.flagMoveHide = event.target === this;
|
||||
},
|
||||
touchmove: function(event) {
|
||||
if (this.flagMoveHide) {
|
||||
$layer.trigger("click");
|
||||
}
|
||||
event.preventDefault();
|
||||
}
|
||||
});
|
||||
new Toggle($settingsMenu);
|
||||
var $layerTrigger = $(".jsLayerTrigger");
|
||||
$layerTrigger.on("click", function(event) {
|
||||
var self = this;
|
||||
if (event && (event.isTrusted === false || event.hasOwnProperty("_args") || event.pageY === 0 && event.screenY === 0)) {
|
||||
return;
|
||||
}
|
||||
$layerTrigger.each(function() {
|
||||
var $this = $(this);
|
||||
if (this !== self && $this.hasClass("active")) {
|
||||
$this.trigger("click");
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
// 初始化目录
|
||||
initCatalogAside: function() {
|
||||
var self = this;
|
||||
$("#readBtnChapter").aside({
|
||||
scrollable: "#catelogX",
|
||||
onInit: function() {
|
||||
var aside = this;
|
||||
//var layer_index=layer.open({type: 2,content: '加载中'});
|
||||
// $.ajax({ type : "get", url : "/home/chapter/lists",
|
||||
// data : {id: data.book.Id},
|
||||
// async : false,
|
||||
// success : function(result){
|
||||
// layer.close(layer_index);
|
||||
// $("#asideChapterContent").html(result);
|
||||
// $("#asideChapterContent").on("click", ".jsChapter a", function(event) {
|
||||
// event.preventDefault();
|
||||
// aside.hide();
|
||||
// $("#pageReadOpt").trigger("click");
|
||||
// self.jumpChapter($(this).data("chapter-id"), true);
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
},
|
||||
onShow: function() {
|
||||
var nowChapterId = data.chapter.id,chapterDom = $('[data-chapter-id="'+nowChapterId+'"]');
|
||||
$('#catelogX').find('.chapter-index.red').removeClass('red');
|
||||
chapterDom.find('.chapter-index').addClass('red');
|
||||
$('#catelogX').scrollTop(0).scrollTop(chapterDom.offset().top - $('#catelogX').offset().top);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 初始化章节进度
|
||||
initChapterProgress: function() {
|
||||
var self = this;
|
||||
var $toggle = $("#readBtnProg");
|
||||
var range;
|
||||
var chapterIds = [];
|
||||
var chapters = {};
|
||||
function refresh(chapterId) {
|
||||
var chapterIndex = chapterIds.indexOf(chapterId);
|
||||
if (chapterIndex < 0) {
|
||||
chapterIndex = 0;
|
||||
chapterId = chapterIds[chapterIndex];
|
||||
}
|
||||
var chapterName = chapters[chapterId];
|
||||
var $currentChapter = $("#readProgVal");
|
||||
$currentChapter.find("h4").html(chapterName);
|
||||
$currentChapter.find("output").html((chapterIndex * 100 / chapterIds.length).toFixed(1) + "%");
|
||||
}
|
||||
function init(result) {
|
||||
$(result).find('.chapter-li-a').each(function(){
|
||||
var chapter_id = $(this).data('chapter-id');
|
||||
chapterIds.push(chapter_id);
|
||||
chapters[chapter_id] = $(this).text();
|
||||
|
||||
});
|
||||
refresh(data.chapter.id);
|
||||
var $chapterProgressRange = $("#readProgRange");
|
||||
$chapterProgressRange.attr("max", chapterIds.length - 1);
|
||||
$chapterProgressRange.val(chapterIds.indexOf(data.chapter.id));
|
||||
$chapterProgressRange.on("change", function() {
|
||||
var chapterId = chapterIds[this.value];
|
||||
refresh(chapterId);
|
||||
});
|
||||
range = new Range($chapterProgressRange, {
|
||||
shadow: true,
|
||||
buttons: [ "#readProgPrev", "#readProgNext" ],
|
||||
onChangeEnd: function() {
|
||||
var chapterId = chapterIds[$chapterProgressRange.val()];
|
||||
self.jumpChapter(chapterId, true);
|
||||
},
|
||||
});
|
||||
range.shadow();
|
||||
}
|
||||
new Toggle($toggle, {
|
||||
callback: function() {
|
||||
if (range) {
|
||||
range.value(chapterIds.indexOf(data.chapter.id));
|
||||
range.shadow();
|
||||
}
|
||||
}
|
||||
});
|
||||
$toggle.one("click", function() {
|
||||
if ($('catelogX').length != 0) {
|
||||
init($('#asideChapterContent').html());
|
||||
} else {
|
||||
var $el = $("#readOptProg").css("opacity", 0);
|
||||
var layer_index=layer.open({type: 2,content: '加载中'});
|
||||
$.getJSON("/home/chapter/lists", {
|
||||
id: data.book.Id
|
||||
}, function(result) {
|
||||
layer.close(layer_index);
|
||||
$el.css("opacity", 1);
|
||||
init(result);
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 初始化字体大小设置
|
||||
initFontSizeSetting: function() {
|
||||
var self = this;
|
||||
var $toggle = $("#readBtnSet");
|
||||
var $range = $("#readFontRange");
|
||||
var $chapterContent = $("#chapterContent");
|
||||
var lazyHandler = debounce(function(val, e) {
|
||||
self.scrollReader.refresh();
|
||||
self.swipeReader.refresh();
|
||||
self.updateSettings({
|
||||
fs: val
|
||||
});
|
||||
}, 300);
|
||||
new Toggle($toggle);
|
||||
new Range($range, {
|
||||
buttons: [ "#readFontDown", "#readFontUp" ]
|
||||
});
|
||||
$range.on("change", function(e) {
|
||||
var val = this.value;
|
||||
var rem = (val * 2 + 12) / 16;
|
||||
$chapterContent.css("font-size", rem + "rem");
|
||||
lazyHandler(val, e);
|
||||
});
|
||||
},
|
||||
|
||||
// 初始化皮肤设置
|
||||
initSkinSetting: function() {
|
||||
var self = this;
|
||||
var $body = $("body");
|
||||
var $dn = $("#readBtnMode"); // 获取日夜模式按钮
|
||||
var lazyHandler = debounce(function(val) {
|
||||
self.updateSettings({
|
||||
skin: val // 更新皮肤设置
|
||||
});
|
||||
}, 300); // 防抖处理，延迟300ms执行
|
||||
$("#readSetSkin").on("click", '[type="radio"]', function(){
|
||||
var $this = $(this);
|
||||
$body.removeClass("read-night"); // 移除夜间模式
|
||||
$body.attr("class", $body.attr("class").replace(/skin-[a-z]+/g, "skin-" + $this.val())); // 替换皮肤样式
|
||||
if ($dn.data("mode") === "day") {
|
||||
$dn.trigger("click"); // 如果是白天模式，触发点击切换
|
||||
}
|
||||
lazyHandler($this.data("index")); // 调用防抖函数更新皮肤
|
||||
});
|
||||
},
|
||||
|
||||
// 更新阅读设置
|
||||
initModeSetting: function() {
|
||||
var self = this;
|
||||
var lazyHandler = debounce(function(val){
|
||||
self.updateSettings({
|
||||
vh: val
|
||||
});
|
||||
}, 300);
|
||||
$("#readSetLayout").on("click", '[type="radio"]', function() {
|
||||
if (this.value === "v") {
|
||||
$("#pageRead").removeClass("H");
|
||||
self.scrollReader.enable();
|
||||
self.swipeReader.disable();
|
||||
self.jumpChapter(data.chapter.id);
|
||||
} else {
|
||||
$("#pageRead").addClass("H");
|
||||
self.scrollReader.disable();
|
||||
self.swipeReader.enable();
|
||||
self.jumpChapter(data.chapter.id);
|
||||
}
|
||||
lazyHandler(this.value);
|
||||
});
|
||||
},
|
||||
|
||||
// 初始化日夜模式切换
|
||||
initDayNightSetting: function() {
|
||||
var self = this;
|
||||
var $body = $("body");
|
||||
var $btn = $("#readBtnMode");
|
||||
var $title = $btn.find("h4");
|
||||
var DAY = "day";
|
||||
var NIGHT = "night";
|
||||
var lazyHandler = debounce(function(val) {
|
||||
self.updateSettings({
|
||||
dn: val
|
||||
});
|
||||
}, 300);
|
||||
$btn.on("click", function() {
|
||||
var mode = $btn.data("mode");
|
||||
if (mode === DAY) {
|
||||
$btn.data("mode", NIGHT);
|
||||
$title.html($title.html().replace("日", "夜"));
|
||||
$body.removeClass("read-night");
|
||||
var skin = $body.attr("class").match(/skin-([a-z]+)/);
|
||||
if (skin) {
|
||||
skin = skin[1];
|
||||
$('#readSetSkin [type="radio"][value="' + skin + '"]').prop("checked", true);
|
||||
}
|
||||
lazyHandler("d");
|
||||
} else if (mode === NIGHT) {
|
||||
$btn.data("mode", DAY);
|
||||
$title.html($title.html().replace("夜", "日"));
|
||||
$body.addClass("read-night");
|
||||
$('#readSetSkin [type="radio"]').each(function() {
|
||||
var $this = $(this);
|
||||
if ($this.prop("checked")) {
|
||||
$this.prop("checked", false);
|
||||
}
|
||||
});
|
||||
lazyHandler("n");
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 初始化阅读模式（滚动/滑动）
|
||||
initModes: function() {
|
||||
var self = this;
|
||||
var $goEnd = $("#aGotoBookEnd");
|
||||
// 当前章节id
|
||||
function isChapterShown(chapterId) {
|
||||
return $(".jsChapterWrapper").map(function() {
|
||||
return $(this).data("chapter-id");
|
||||
}).indexOf(chapterId) > -1;
|
||||
}
|
||||
var scrollReader = this.scrollReader = new ScrollReader({
|
||||
wrapperSelector: "#readContent",
|
||||
prevSelector: "#readLoadPrev",
|
||||
nextSelector: "#readLoadNext",
|
||||
nextTriggerSelector: "#btnLoadNextChapter",
|
||||
markSelector: "#readPageMark",
|
||||
onPrevClick: function(e) {
|
||||
//点击向前滚动
|
||||
},
|
||||
onCenterClick: function() {
|
||||
$settings[0].avoidClick = true;
|
||||
setTimeout(function() {
|
||||
$settings[0].avoidClick = false;
|
||||
}, 500);
|
||||
$settings.addClass("active");
|
||||
},
|
||||
onNextClick: function(e) {
|
||||
//点击向后滚动
|
||||
},
|
||||
onScroll: function(y) {
|
||||
var isViewportChapterId;
|
||||
scrollReader.$wrapper.find(".jsChapterWrapper").each(function() {
|
||||
if (isViewportChapterId) {
|
||||
return;
|
||||
}
|
||||
var $this = $(this);
|
||||
var offset = $this.offset();
|
||||
if (offset.top < y && offset.top + offset.height > y) {
|
||||
isViewportChapterId = $this.data("chapter-id");
|
||||
}
|
||||
});
|
||||
if (isViewportChapterId) {
|
||||
self.setReadChapter(isViewportChapterId);
|
||||
}
|
||||
},
|
||||
onScrollPrev: function(resolve, reject) {
|
||||
var chapterId = data.chapter.prevId;
|
||||
if (chapterId) {
|
||||
self.jumpChapter(chapterId, false, resolve, reject);
|
||||
} else {
|
||||
layer.open({content:'已经是第一章了',skin:'msg',time:2});
|
||||
reject();
|
||||
}
|
||||
},
|
||||
onScrollNext: function(resolve, reject) {
|
||||
var chapterId = data.scrollLastChapter.nextId;
|
||||
if (chapterId) {
|
||||
self.getChapter(chapterId, false, function(result) {
|
||||
data.scrollLastChapter = result.data.chapterInfo;
|
||||
if (!isChapterShown(chapterId)) {
|
||||
$("#chapterContent").append('<section class="read-section jsChapterWrapper" data-chapter-id="'+result.data.chapterInfo.id+'"><h3>'+result.data.chapterInfo.title+'</h3>'+result.data.chapterInfo.content+'</section>');
|
||||
if (data.scrollLastChapter.nextId) {
|
||||
scrollReader.$nextTrigger.show();
|
||||
$goEnd.hide();
|
||||
} else {
|
||||
scrollReader.$nextTrigger.hide();
|
||||
$goEnd.show();
|
||||
}
|
||||
resolve();
|
||||
} else {
|
||||
reject();
|
||||
}
|
||||
}, reject);
|
||||
}
|
||||
},
|
||||
onWillScrollNext: function(resolve, reject) {
|
||||
var chapterId = data.scrollLastChapter.nextId;
|
||||
if (chapterId && !(data.scrollLastChapter.vipStatus && $("#swiChk1").prop("checked"))) {
|
||||
self.getChapter(chapterId, false, function(result) {
|
||||
data.scrollLastChapter = result.data.chapterInfo;
|
||||
if (!isChapterShown(chapterId)) {
|
||||
$("#chapterContent").append('<section class="read-section jsChapterWrapper" data-chapter-id="'+result.data.chapterInfo.id+'"><h3>'+result.data.chapterInfo.title+'</h3>'+result.data.chapterInfo.content+'</section>');
|
||||
if (data.scrollLastChapter.nextId) {
|
||||
scrollReader.$nextTrigger.show();
|
||||
$goEnd.hide();
|
||||
} else {
|
||||
scrollReader.$nextTrigger.hide();
|
||||
$goEnd.show();
|
||||
}
|
||||
resolve();
|
||||
} else {
|
||||
reject();
|
||||
}
|
||||
}, reject);
|
||||
} else {
|
||||
reject();
|
||||
}
|
||||
}
|
||||
});
|
||||
this.swipeReader = new SwipeReader({
|
||||
wrapperSelector: "#readContent",
|
||||
scrollerSelector: ".jsChapterWrapper",
|
||||
pagerSelector: "#pageNum",
|
||||
onCenterClick: function() {
|
||||
$settings[0].avoidClick = true;
|
||||
setTimeout(function() {
|
||||
$settings[0].avoidClick = false;
|
||||
}, 500);
|
||||
$settings.addClass("active");
|
||||
},
|
||||
onSwipePrev: function(resolve, reject) {
|
||||
var chapterId = data.chapter.prevId;
|
||||
if (chapterId) {
|
||||
self.jumpChapter(chapterId, false, resolve, reject);
|
||||
} else {
|
||||
layer.open({content:'已经是第一章了',skin:'msg',time:2});
|
||||
reject();
|
||||
}
|
||||
},
|
||||
onSwipeNext: function(resolve, reject) {
|
||||
var chapterId = data.chapter.nextId;
|
||||
if (chapterId) {
|
||||
self.jumpChapter(chapterId, false, resolve, reject);
|
||||
}else{
|
||||
location.href = data.endUrl;
|
||||
}
|
||||
},
|
||||
onWillSwipeNext: function(resolve, reject) {
|
||||
var chapterId = data.chapter.nextId;
|
||||
if (chapterId) {
|
||||
self.getChapter(chapterId, false, resolve, reject);
|
||||
} else {
|
||||
reject();
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
// 开始章节
|
||||
jumpChapter: function(chapterId, isShowLoading, resolve, reject) {
|
||||
var self = this;
|
||||
if (!history.replaceState) {
|
||||
location.href = data.chapterUrl.replace("chapterId", chapterId);
|
||||
} else {
|
||||
self.getChapter(chapterId, isShowLoading, function(result) {
|
||||
var chapter = result.data.chapterInfo;
|
||||
data.chapter = data.scrollLastChapter = chapter;
|
||||
if (chapter.nextId) {
|
||||
$("#btnLoadNextChapter").show();
|
||||
$("#aGotoBookEnd").hide();
|
||||
} else {
|
||||
$("#btnLoadNextChapter").hide();
|
||||
$("#aGotoBookEnd").show();
|
||||
}
|
||||
$("#chapterTitle").html(chapter.title);
|
||||
$("#chapterContent").html('<section class="read-section jsChapterWrapper" data-chapter-id="'+chapter.id+'"><h3>'+chapter.title+'</h3>'+chapter.content+'</section>');
|
||||
self.updateReadProgress();
|
||||
history.replaceState(null, null, data.chapterUrl.replace("chapterId", chapterId));
|
||||
if ($.isFunction(resolve)) {
|
||||
resolve();
|
||||
} else if (self.scrollReader.enabled) {
|
||||
self.scrollReader.restart();
|
||||
} else if (self.swipeReader.enabled) {
|
||||
self.swipeReader.restart();
|
||||
}
|
||||
}, reject || function() {});
|
||||
}
|
||||
},
|
||||
updateSettings: function(settings) {
|
||||
$.each(settings, function(key, value) {
|
||||
data.settingsStr = data.settingsStr.replace(new RegExp(key + ":[^|]+"), key + ":" + value);
|
||||
});
|
||||
var settingsStr = data.settingsStr.replace(/[^:|]+:/g, "");
|
||||
Cookie.set('reader_config_wap', settingsStr, 86400000 * 365, '/');
|
||||
},
|
||||
updateReadProgress: function() {
|
||||
if (isOffline()) {
|
||||
return;
|
||||
}
|
||||
if(!data.isLogin){
|
||||
return;
|
||||
}
|
||||
//更新阅读记录
|
||||
// $.get("/user/Chapter/UpdRead", {
|
||||
// bookId: data.book.bookId,
|
||||
// chapterId: data.chapter.chapterId,
|
||||
// chapterName: data.chapter.chapterName
|
||||
// });
|
||||
},
|
||||
getChapter: function(chapterId, isShowLoading, resolve, reject) {
|
||||
var self = this;
|
||||
var layer_index;
|
||||
if (isOffline()) {
|
||||
$("#readLoadNext").css("opacity", 1);
|
||||
}
|
||||
if (data.chapters[chapterId]) {
|
||||
resolve({
|
||||
data: {
|
||||
bookInfo: data.book,
|
||||
chapterInfo: data.chapters[chapterId]
|
||||
}
|
||||
});
|
||||
} else {
|
||||
if (isOffline()) {
|
||||
if (data.chapter.chapterId === data.lastOfflineChapterId) {
|
||||
$("#readLoadNext").css("opacity", 0);
|
||||
layer.open({content:'已显示全部离线章节',skin:'msg',time:2});
|
||||
}
|
||||
return reject();
|
||||
}
|
||||
if (isShowLoading) {
|
||||
layer_index=layer.open({type: 2,content: '加载中'});
|
||||
}
|
||||
$.getJSON("/home/chapter/info", {id: book.chapter.source_id , key: chapterId}, function(result) {
|
||||
if (isShowLoading) {
|
||||
layer.close(layer_index);
|
||||
}
|
||||
if (result.code === 1) {
|
||||
var chapter = {
|
||||
id : result.data.chapter.id,
|
||||
title:result.data.chapter.title,
|
||||
vipStatus : 0,
|
||||
content : result.data.chapter.content,
|
||||
prevId : result.data.chapter.prev.id,
|
||||
nextId : result.data.chapter.next.id
|
||||
};
|
||||
data.chapters[chapter.id] = chapter;
|
||||
data.book = {
|
||||
"Id": result.data.id,
|
||||
"Name": result.data.title,
|
||||
"authorName": result.data.author
|
||||
};
|
||||
resolve({
|
||||
data: {
|
||||
bookInfo: data.book,
|
||||
chapterInfo: chapter
|
||||
}
|
||||
});
|
||||
} else {
|
||||
if (isShowLoading) {
|
||||
layer.open({content:'获取章节内容失败，请稍候再试',skin:'msg',time:2});
|
||||
}
|
||||
reject();
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
setReadChapter: function(chapterId) {
|
||||
var self = this;
|
||||
var chapter = data.chapters[chapterId];
|
||||
if (!chapter || chapter.id === data.chapter.id) {
|
||||
return;
|
||||
}
|
||||
data.chapter = chapter;
|
||||
$("#chapterTitle").html(chapter.title);
|
||||
self.updateReadProgress();
|
||||
history.replaceState(null, null, data.chapterUrl.replace("chapterId", chapterId));
|
||||
}
|
||||
}
|
||||
Book.init();
|
||||
});
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 713 B |
Binary file not shown.
|
Before Width: | Height: | Size: 559 B |
Binary file not shown.
|
Before Width: | Height: | Size: 749 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
@@ -1,964 +0,0 @@
|
||||
$(function(){
|
||||
var Cookie = {
|
||||
/**
|
||||
* method get
|
||||
* @param name
|
||||
* @returns {null}
|
||||
*/
|
||||
get: function(name){
|
||||
var carr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
|
||||
|
||||
if (carr != null){
|
||||
return decodeURIComponent(carr[2]);
|
||||
}
|
||||
|
||||
return null;
|
||||
},
|
||||
/**
|
||||
* method set
|
||||
* @param name
|
||||
* @returns {null}
|
||||
*/
|
||||
set:function(name, value, expires, path, domain){
|
||||
if(expires){
|
||||
expires = new Date(+new Date() + expires);
|
||||
}
|
||||
var tempcookie = name + '=' + escape(value) +
|
||||
((expires) ? '; expires=' + expires.toGMTString() : '') +
|
||||
((path) ? '; path=' + path : '') +
|
||||
((domain) ? '; domain=' + domain : '');
|
||||
|
||||
//Ensure the cookie's size is under the limitation
|
||||
if(tempcookie.length < 4096) {
|
||||
document.cookie = tempcookie;
|
||||
}
|
||||
},
|
||||
clear: function (name, path, domain) {
|
||||
if (this.get(name)) {
|
||||
document.cookie = name + "=" + ((path) ? "; path=" + path : "; path=/") + ((domain) ? "; domain=" + domain : "") + ";expires=Fri, 02-Jan-1970 00:00:00 GMT";
|
||||
}
|
||||
}
|
||||
};
|
||||
var Book = {
|
||||
el: 'body',
|
||||
/**
|
||||
* 页面逻辑入口
|
||||
*/
|
||||
readSetting: {
|
||||
"t" : 0,
|
||||
"ft" : 1,
|
||||
"fs" : 18,
|
||||
"w" : 1,
|
||||
"rt" : 0
|
||||
},
|
||||
init: function () {
|
||||
var that = this;
|
||||
//书id
|
||||
that.bookId = $(that.el).data('bid');
|
||||
//chapterInfo是否加载完成标识,false为允许向下加载
|
||||
that.chapterLoad = false;
|
||||
//当为瀑布流时,章节预加载标识
|
||||
that.chapterAdvanceLoad = {
|
||||
bool: false,
|
||||
id: '',
|
||||
pageTurn: '',
|
||||
content: '',
|
||||
url: ''
|
||||
};
|
||||
//标识因为页面短第一次触发滚动
|
||||
that.firstScroll = false;
|
||||
//瀑布流模式时,页面进入当前章节是否为普通章节最后一章 or 页面进入当前章节是否为vip章节最后一章
|
||||
if (( book.chapter.vipStatus == 0 && book.nextChapterVip == 1 ) || book.chapter.nextId == -1) {
|
||||
that.loadLastBool = true;
|
||||
}
|
||||
//左侧导航box
|
||||
that.leftNav = $('#j_leftBarList');
|
||||
//获取内容区域box
|
||||
that.readMainWrap = $('#j_readMainWrap');
|
||||
//获取body
|
||||
that.bodyDom = $('body');
|
||||
//获取章节dom
|
||||
that.chapterBox = $('#j_chapterBox');
|
||||
//最近阅读是否存在标识
|
||||
that.navNearRead = false;
|
||||
//定义暂时存储setting参数
|
||||
that.zanshiSetting = {};
|
||||
//获取屏幕的高度
|
||||
that.winHeight = $(window).height();
|
||||
//禁止页面选中文字、copy、右键功能
|
||||
that.forbidCopy();
|
||||
//阅读设置cookie set
|
||||
that.setReadCookie();
|
||||
//阅读左右导航虚浮
|
||||
that.readNav();
|
||||
//窗口resize触发
|
||||
that.windowResize();
|
||||
//当为左右切换,加载键盘事件
|
||||
that.chapterKey();
|
||||
//当为瀑布流时,加载懒加载事件
|
||||
that.chapterLazyLoad()
|
||||
|
||||
//左侧导航目录弹窗
|
||||
$('#j_navCatalogBtn').click(function(event) {
|
||||
that.navCata(event);
|
||||
});
|
||||
//左侧导航设置弹窗
|
||||
$('#j_navSettingBtn').click(function(event) {
|
||||
that.navSetting(event);
|
||||
});
|
||||
//阅读主题选择、正文字体切换
|
||||
$('#j_themeList span, #j_fontFamily span, #j_readMode span').click(function(event) {
|
||||
that.switchStyle(event);
|
||||
});
|
||||
//阅读字体设置
|
||||
$('#j_fontSize span').click(function(event) {
|
||||
that.fontSizeSet(event)
|
||||
});
|
||||
//阅读正文宽度设置
|
||||
$('#j_pageWidth span').click(function(event) {
|
||||
that.widthSet(event)
|
||||
});
|
||||
//阅读设置保存
|
||||
$('#j_setSave').click(function(event) {
|
||||
that.readSetSave(event)
|
||||
});
|
||||
//阅读设置取消,不保存
|
||||
$('#j_setCancel , .setting-close').click(function(event) {
|
||||
that.readSetCancel(event)
|
||||
});
|
||||
//关闭左侧面板浮层
|
||||
$('#j_leftBarList .close-panel').click(function(event) {
|
||||
that.closeLeftPanel(event)
|
||||
});
|
||||
//加入书架
|
||||
$('.add-book').click(function(event) {
|
||||
that.addToBookShelf()
|
||||
});
|
||||
//手机阅读
|
||||
$('#j_phoneRead').click(function(event) {
|
||||
that.phoneRead(event)
|
||||
});
|
||||
//返回顶部
|
||||
$('#j_goTop').click(function(event) {
|
||||
that.goPageTop()
|
||||
});
|
||||
},
|
||||
/*
|
||||
* 禁止页面选中文字、copy、右键功能
|
||||
* @method forbidCopy
|
||||
*/
|
||||
forbidCopy: function () {
|
||||
//禁止copy
|
||||
$('body').on('copy', function () {
|
||||
return false;
|
||||
});
|
||||
//禁止cut
|
||||
$('body').on('cut', function () {
|
||||
return false;
|
||||
});
|
||||
//禁止鼠标右键默认弹窗
|
||||
$('body').on('contextmenu', function () {
|
||||
return false;
|
||||
});
|
||||
|
||||
},
|
||||
/*
|
||||
* 当为左右切换,加载键盘事件
|
||||
* @method chapterKey
|
||||
*/
|
||||
chapterKey: function () {
|
||||
var that = this;
|
||||
var toPage;
|
||||
//键盘事件
|
||||
$(document).on("keydown", function (e) {
|
||||
var target = e.target,
|
||||
tagName = target.nodeName.toLowerCase();
|
||||
//当阅读模式为翻页模式,上下按键切换章节有效
|
||||
if (that.readSetting.rt == 0 && tagName != 'textarea' && tagName != 'input') {
|
||||
if (e.keyCode == 37) {
|
||||
//左方面键
|
||||
toPage = $('#j_chapterPrev');
|
||||
if (!toPage.hasClass('disabled')) {
|
||||
//页面跳转链接
|
||||
window.location.href = toPage.attr('href');
|
||||
}
|
||||
} else if (e.keyCode == 39) {
|
||||
//右方面键
|
||||
toPage = $('#j_chapterNext');
|
||||
if (!toPage.hasClass('disabled')) {
|
||||
//页面跳转链接
|
||||
window.location.href = toPage.attr('href');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
/*
|
||||
* 简单的节流函数
|
||||
* @method throttle
|
||||
* @param func
|
||||
* @param wait
|
||||
* @param mustRun
|
||||
* */
|
||||
throttle: function (func, wait, mustRun) {
|
||||
|
||||
var timeout,
|
||||
startTime = new Date();
|
||||
|
||||
return function () {
|
||||
var context = this,
|
||||
args = arguments,
|
||||
curTime = new Date();
|
||||
|
||||
clearTimeout(timeout);
|
||||
// 如果达到了规定的触发时间间隔，触发 handler
|
||||
if (curTime - startTime >= mustRun) {
|
||||
func.apply(context, args);
|
||||
startTime = curTime;
|
||||
// 没达到触发间隔，重新设定定时器
|
||||
} else {
|
||||
timeout = setTimeout(func, wait);
|
||||
}
|
||||
};
|
||||
},
|
||||
/**
|
||||
* 关闭左侧浮层面板
|
||||
* @method closeLeftPanel
|
||||
* @param e 事件对象
|
||||
*/
|
||||
closeLeftPanel: function (e) {
|
||||
var target = $(e.currentTarget);
|
||||
//当前面板关闭
|
||||
$(target).parents('.panel-wrap').hide();
|
||||
//去除左侧点击后的当前样式
|
||||
$('#j_leftBarList dd').removeClass('act');
|
||||
},
|
||||
/*
|
||||
* 阅读设置cookie set
|
||||
* @method setReadCookie
|
||||
*/
|
||||
setReadCookie: function () {
|
||||
//判断reader_config是否存在,不存在种植cookie
|
||||
// Cookie.clear('reader_config');
|
||||
if (!Cookie.get('reader_config_web')) {
|
||||
var cookieSetData = this.readSetting.t + '|' + this.readSetting.fs + '|' + this.readSetting.ft + '|' + this.readSetting.rt + '|' + this.readSetting.w;
|
||||
//设置保存cookie,不包括是否订阅配置 ,时长 1年 365天
|
||||
Cookie.set('reader_config_web', cookieSetData, 86400000 * 365, '/');
|
||||
}else{
|
||||
var readData=Cookie.get('reader_config_web').split("|");
|
||||
this.readSetting.t=readData[0];
|
||||
this.readSetting.fs=readData[1];
|
||||
this.readSetting.ft=readData[2];
|
||||
this.readSetting.rt=readData[3];
|
||||
this.readSetting.w=readData[4];
|
||||
}
|
||||
},
|
||||
readNav: function () {
|
||||
var that = this,
|
||||
win = $(window),
|
||||
doc = $(document);
|
||||
|
||||
// 左侧导航定参
|
||||
var leftBar = $('#j_leftBarList'),
|
||||
nowLeftTop = leftBarTop = 119;
|
||||
|
||||
//右侧导航定参
|
||||
var rightBar = $('#j_rightBarList'),
|
||||
nowRightBottom = rightBarBottom = 120,
|
||||
pageHeight,
|
||||
bottomTo;
|
||||
|
||||
var goTop = $('#j_goTop');
|
||||
|
||||
win.on('scroll', function () {
|
||||
|
||||
//获取滚动条距顶部的位置
|
||||
winScrollTop = win.scrollTop();
|
||||
//获取页面高度、屏幕高度
|
||||
pageHeight = doc.height();
|
||||
|
||||
//当滚动条位置大于leftBar距顶部的位置时,并且 nowLeftTop != 0
|
||||
if (winScrollTop >= leftBarTop && nowLeftTop != 0) {
|
||||
nowLeftTop = 0;
|
||||
leftBar.css('top', nowLeftTop);
|
||||
} else if (winScrollTop < leftBarTop) {
|
||||
nowLeftTop = leftBarTop - winScrollTop;
|
||||
leftBar.css('top', nowLeftTop);
|
||||
}
|
||||
|
||||
//获取滚动条距底部的距离
|
||||
bottomTo = pageHeight - that.winHeight - rightBarBottom;
|
||||
//当滚动条位置大于rightBar距底部的位置时,并且 nowRightBottom != 0
|
||||
if (winScrollTop <= bottomTo && nowRightBottom != 0) {
|
||||
nowRightBottom = 0;
|
||||
rightBar.css('bottom', nowRightBottom);
|
||||
} else if (winScrollTop > bottomTo) {
|
||||
nowRightBottom = rightBarBottom - pageHeight + that.winHeight + winScrollTop;
|
||||
rightBar.css('bottom', nowRightBottom);
|
||||
}
|
||||
|
||||
//回到顶部按钮是否出现
|
||||
if (winScrollTop > 0) {
|
||||
goTop.show();
|
||||
} else {
|
||||
goTop.hide();
|
||||
}
|
||||
|
||||
}).trigger('scroll');
|
||||
},
|
||||
/**
|
||||
* 左侧工具栏按钮 各自执行的方法
|
||||
* @method leftBtnMethod
|
||||
* @param e 事件对象
|
||||
*/
|
||||
leftBtnMethod: function (e) {
|
||||
|
||||
var that = this,
|
||||
target = $(e.currentTarget),
|
||||
bool = 0;
|
||||
|
||||
// 阅读设置的弹窗单独逻辑
|
||||
if($('#j_navSettingBtn').hasClass('act') && target.attr('id') != 'j_navSettingBtn' ) {
|
||||
that.readSetCancel(e);
|
||||
}
|
||||
|
||||
if (target.hasClass('act')) {
|
||||
target.removeClass('act').siblings().removeClass('act');
|
||||
bool = 1;
|
||||
} else {
|
||||
target.addClass('act').siblings().removeClass('act');
|
||||
}
|
||||
|
||||
that.leftNav.find('.panel-wrap').hide();
|
||||
|
||||
return bool;
|
||||
|
||||
},
|
||||
/*
|
||||
* 左侧获取目录按钮
|
||||
* @method navCatalog
|
||||
* @param e 事件对象
|
||||
* */
|
||||
navCata: function (e) {
|
||||
var that = this,
|
||||
catalogPop = $('#j_catalog'),
|
||||
catalogBox = $('#j_catalogListWrap');
|
||||
//调用选中func
|
||||
if (that.leftBtnMethod(e)) return false;
|
||||
catalogPop.show();
|
||||
if ($('.catalog-list-wrap').length == 0) {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: '/home/chapter/lists',
|
||||
data: {
|
||||
id: book.Info.Id
|
||||
},
|
||||
success: function (response){
|
||||
catalogBox.html(response);
|
||||
$('.left-bar-list .panel-list-wrap').css('max-height', (that.winHeight - 250 ) + 'px');
|
||||
showChapter();
|
||||
}
|
||||
});
|
||||
}else{
|
||||
showChapter();
|
||||
}
|
||||
//目录定位到章节
|
||||
function showChapter(){
|
||||
//获取页面当前显示的章节id
|
||||
var nowChapterId = ( that.readSetting.rt == 0 ) ? book.chapter.id : that.scrollChapter(),
|
||||
chapterDom = $('#chapter-' + nowChapterId);
|
||||
//移除li选中样式
|
||||
catalogBox.find('li.on').removeClass('on');
|
||||
//给新的目录章节添加选中样式
|
||||
chapterDom.addClass('on');
|
||||
//滚动到选中章节区域
|
||||
catalogBox.scrollTop(0).scrollTop(chapterDom.offset().top - catalogBox.offset().top);
|
||||
}
|
||||
},
|
||||
/*
|
||||
* 加载setiing弹窗
|
||||
* @method navSetting
|
||||
* @param e 事件对象
|
||||
* */
|
||||
navSetting: function (e) {
|
||||
//获取配置数组
|
||||
var that = this,
|
||||
settingPop = $('#j_setting');
|
||||
//调用选中func
|
||||
if (that.leftBtnMethod(e)) {
|
||||
that.readSetCancel(e);
|
||||
return false;
|
||||
}
|
||||
$.extend(that.zanshiSetting, that.readSetting);
|
||||
settingPop.show();
|
||||
},
|
||||
/**
|
||||
* 切换主题、字体、阅读方式时的高亮效果
|
||||
* @method switchStyle
|
||||
* @param e 事件对象
|
||||
*/
|
||||
switchStyle: function (e) {
|
||||
|
||||
var that = this,
|
||||
target = $(e.currentTarget),
|
||||
targetNum = parseInt(target.data('st')),
|
||||
wList = ['640', '800', '900', '1280'],
|
||||
parentId = target.parents('li').attr('id');
|
||||
|
||||
target.addClass('act').siblings().removeClass('act');
|
||||
|
||||
//判断父亲节点的id
|
||||
switch (parentId) {
|
||||
case 'j_themeList':
|
||||
//修改页面整体样式
|
||||
that.bodyDom.attr('class', 'theme-' + targetNum + ' w' + wList[that.zanshiSetting.w]);
|
||||
that.zanshiSetting.t = targetNum;
|
||||
break;
|
||||
case 'j_fontFamily':
|
||||
//修改正文字体
|
||||
that.readMainWrap.attr('class', 'read-main-wrap font-family0' + targetNum);
|
||||
that.zanshiSetting.ft = targetNum;
|
||||
break;
|
||||
case 'j_readMode':
|
||||
//设置阅读模式
|
||||
that.zanshiSetting.rt = targetNum;
|
||||
break;
|
||||
}
|
||||
|
||||
},
|
||||
/*
|
||||
* 阅读字体设置
|
||||
* @method fontSizeSet
|
||||
* @param e 事件对象
|
||||
* */
|
||||
fontSizeSet: function (e) {
|
||||
|
||||
var that = this,
|
||||
target = $(e.currentTarget),
|
||||
sizeBox = target.parents('#j_fontSize');
|
||||
sizeDom = target.parents('#j_fontSize').find('.lang'),
|
||||
sizeNum = parseInt(sizeDom.text());
|
||||
|
||||
if (target.hasClass('prev') && sizeNum > 12) {
|
||||
sizeNum = sizeNum - 2;
|
||||
} else if (target.hasClass('next') && sizeNum < 48) {
|
||||
sizeNum = sizeNum + 2;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
that.readMainWrap.css('font-size', sizeNum + 'px');
|
||||
sizeDom.text(sizeNum);
|
||||
that.zanshiSetting.fs = sizeNum;
|
||||
},
|
||||
/*
|
||||
* 阅读正文宽度设置
|
||||
* @method WidthSet
|
||||
* @param e 事件对象
|
||||
* */
|
||||
widthSet: function (e) {
|
||||
|
||||
var that = this,
|
||||
target = $(e.currentTarget),
|
||||
widthDom = target.parents('#j_pageWidth').find('.lang'),
|
||||
widthNum = parseInt(widthDom.text()),
|
||||
wList = ['640', '800', '900', '1280'],
|
||||
screenWidth = $(window).width(),
|
||||
numId;
|
||||
|
||||
//获取宽度排序
|
||||
switch (widthNum) {
|
||||
case 640 :
|
||||
numId = 0;
|
||||
break;
|
||||
case 800 :
|
||||
numId = 1;
|
||||
break;
|
||||
case 900 :
|
||||
numId = 2;
|
||||
break;
|
||||
case 1280 :
|
||||
numId = 3;
|
||||
break;
|
||||
}
|
||||
|
||||
//宽度为减小时,且w>640执行
|
||||
if (target.hasClass('prev') && numId > 0) {
|
||||
that.zanshiSetting.w = numId - 1;
|
||||
//宽度为加大,不为最大宽度限时,且判断屏幕宽度+100 大于下次需要增加到的宽度时,
|
||||
} else if (target.hasClass('next') && numId < 3 && wList[numId + 1] <= screenWidth - 180) {
|
||||
that.zanshiSetting.w = numId + 1;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
//主题
|
||||
var themeTypeList = [0, 2, 0, 3, 5, 5, 4, 6, 1],
|
||||
themeType = themeTypeList[that.zanshiSetting.t];
|
||||
//设置宽度
|
||||
that.bodyDom.attr('class', 'theme-' + themeType + ' w' + wList[that.zanshiSetting.w]);
|
||||
widthDom.text(wList[that.zanshiSetting.w]);
|
||||
$(window).trigger('resize');
|
||||
},
|
||||
/*
|
||||
* 阅读设置保存
|
||||
* @method readSetSave
|
||||
* @param e 事件对象
|
||||
* */
|
||||
readSetSave: function (e) {
|
||||
var that = this;
|
||||
//如果设置对比有修改,发送ajax请求,并显示保存设置
|
||||
if (that.readSetting != that.zanshiSetting) {
|
||||
var zsSet = that.zanshiSetting,
|
||||
cookieSetData = zsSet.t + '|' + zsSet.fs + '|' + zsSet.ft + '|' + zsSet.rt + '|' + zsSet.w;
|
||||
//判断阅读模式是否变化,是否为阅读页
|
||||
var readTypeBool = 0;
|
||||
if (that.readSetting.rt != zsSet.rt && book.chapter != undefined) {
|
||||
readTypeBool = 1;
|
||||
}
|
||||
//设置保存cookie,不包括是否订阅配置 ,时长 1年 365天
|
||||
Cookie.set('reader_config_web', cookieSetData, 86400000 * 365, '/');
|
||||
//把暂存配置存入保存设置中
|
||||
$.extend(that.readSetting, that.zanshiSetting);
|
||||
if (readTypeBool) {
|
||||
if (that.readTypeCallBack) that.readTypeCallBack(zsSet.rt);
|
||||
}
|
||||
}
|
||||
that.closeLeftPanel(e);
|
||||
},
|
||||
/*
|
||||
* 阅读设置取消,不保存
|
||||
* @method readSetSave
|
||||
* */
|
||||
readSetCancel: function (e) {
|
||||
var that = this,
|
||||
setWidth = ['640', '800', '900', '1280'];
|
||||
//暂存设置重置回保存设置
|
||||
$.extend(that.zanshiSetting, that.readSetting);
|
||||
|
||||
//主题
|
||||
var themeTypeList = [0, 2, 0, 3, 5, 5, 4, 6, 1],
|
||||
themeType = themeTypeList[that.zanshiSetting.t];
|
||||
//页面重置
|
||||
that.bodyDom.attr('class', 'theme-' + themeType + ' w' + setWidth[that.zanshiSetting.w]);
|
||||
that.readMainWrap.attr('class', 'read-main-wrap font-family0' + that.zanshiSetting.ft);
|
||||
that.readMainWrap.css('font-size', that.zanshiSetting.fs + 'px');
|
||||
//设置弹窗重置回系统保存的设置配置
|
||||
$('#j_themeList span').eq(themeType).addClass('act').siblings().removeClass('act');
|
||||
$('#j_fontFamily span').eq(that.zanshiSetting.ft-1).addClass('act').siblings().removeClass('act');
|
||||
$('#j_fontSize .lang').text(that.zanshiSetting.fs);
|
||||
$('#j_pageWidth .lang').text(setWidth[that.zanshiSetting.w]);
|
||||
$('#j_readMode span').eq(that.zanshiSetting.rt).addClass('act').siblings().removeClass('act');
|
||||
that.closeLeftPanel(e);
|
||||
},
|
||||
/**
|
||||
* 加入书架
|
||||
* @method addToBookShelf
|
||||
* @param e 事件对象
|
||||
*/
|
||||
addToBookShelf: function (e) {
|
||||
|
||||
},
|
||||
/**
|
||||
* 手机阅读
|
||||
* @method addToBookShelf
|
||||
* @param e 事件对象
|
||||
*/
|
||||
phoneRead: function(e){
|
||||
var that = this,
|
||||
catalogPop = $('#j_cellphone');
|
||||
//调用选中func
|
||||
if (that.leftBtnMethod(e)) return false;
|
||||
catalogPop.show();
|
||||
$('#code').html("");
|
||||
$('#code').qrcode({
|
||||
render: "canvas", //table方式
|
||||
width: 120, //宽度
|
||||
height:120, //高度
|
||||
text: book.chapterUrl.replace("chapterId", book.chapter.id)
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 返回页面顶部
|
||||
* @method goPageTop
|
||||
*/
|
||||
goPageTop: function () {
|
||||
$('body,html').animate({scrollTop: 0}, 220);
|
||||
},
|
||||
/*
|
||||
* 判断滚动条滚到哪一章节
|
||||
* @method scrollChapter
|
||||
* @return (num) 章节id
|
||||
* */
|
||||
scrollChapter: function () {
|
||||
//获取所有章节list
|
||||
var chapterList = $('.text-wrap'),
|
||||
win = $(window),
|
||||
scHeight = win.height(),
|
||||
scrollTop = win.scrollTop() + scHeight / 2;
|
||||
//章节遍历
|
||||
var chapterIdList = chapterList.map(function () {
|
||||
var that = $(this),
|
||||
//获取当前章节距离页面顶部的距离
|
||||
chapterItem = that.offset().top;
|
||||
//当章节scrollTop 小于 当前屏幕显示距顶部距离时,获取返回改章节id
|
||||
if (chapterItem < scrollTop) return that.data('cid');
|
||||
});
|
||||
//返回当前显示的章节id
|
||||
return chapterIdList[chapterIdList.length - 1];
|
||||
|
||||
},
|
||||
/*
|
||||
* 窗体改变时,改变高度
|
||||
* @method windowResize
|
||||
* */
|
||||
windowResize: function () {
|
||||
|
||||
var that = this;
|
||||
|
||||
$(window).on('resize', function () {
|
||||
|
||||
var screenWidth = parseInt($(this).width()),
|
||||
ChapterWidth = parseInt($('#j_readMainWrap').width());
|
||||
|
||||
if (screenWidth < ChapterWidth + 136) {
|
||||
$('#j_floatWrap').addClass('fix-float-wrap');
|
||||
} else {
|
||||
$('#j_floatWrap').removeClass('fix-float-wrap');
|
||||
}
|
||||
|
||||
if (screenWidth < ChapterWidth + 42) {
|
||||
$('#j_floatWrap').addClass('left-bar-guide');
|
||||
} else {
|
||||
$('#j_floatWrap').removeClass('left-bar-guide');
|
||||
}
|
||||
|
||||
//当高度改变,去重置
|
||||
if (that.winHeight != $(this).height()) {
|
||||
//重置
|
||||
that.winHeight = $(this).height();
|
||||
//主动触发窗体滚动
|
||||
$(this).trigger('scroll');
|
||||
//设置展开区域的最大高度
|
||||
$('.left-bar-list .panel-list-wrap').css('max-height', (that.winHeight - 250 ) + 'px');
|
||||
}
|
||||
|
||||
}).trigger('resize');
|
||||
},
|
||||
/*
|
||||
* 阅读模式切换触发
|
||||
* @method readTypeChange
|
||||
* */
|
||||
readTypeCallBack: function (type) {
|
||||
var that = this;
|
||||
//移除其他状态的翻页
|
||||
$('.chapter-control').remove();
|
||||
//判断为哪种阅读方式
|
||||
switch (type) {
|
||||
//翻页模式
|
||||
case 0:
|
||||
that.readPageType();
|
||||
break;
|
||||
//瀑布流模式
|
||||
case 1:
|
||||
that.readLoadType();
|
||||
// 主动触发scroll
|
||||
$(window).trigger('scroll');
|
||||
break;
|
||||
}
|
||||
},
|
||||
/*
|
||||
* 阅读模式切换成翻页模式
|
||||
* @method readTypePage
|
||||
* */
|
||||
readPageType: function () {
|
||||
var that = this,
|
||||
//获取页面当前显示的章节id
|
||||
nowshowChapterId = that.scrollChapter(),
|
||||
//章节对象
|
||||
chapterBox = $('#ajaxchapter-' + nowshowChapterId),
|
||||
//除了该章节其他章节
|
||||
otherChapter = chapterBox.siblings('.text-wrap');
|
||||
//遍历其他章节,删除
|
||||
otherChapter.each(function (i, el) {
|
||||
if ($(el).data('cid') != nowshowChapterId) {
|
||||
$(el).remove();
|
||||
}
|
||||
});
|
||||
|
||||
$('.j_chapterLoad').addClass('hidden');
|
||||
|
||||
//获取上一章下一章url
|
||||
var prevUrl = chapterBox.data('purl'),
|
||||
nextUrl = chapterBox.data('nurl');
|
||||
//获取章节相关信息
|
||||
var chapterAndInfo = chapterBox.data('info').split('|');
|
||||
//生成dom
|
||||
var pageStr = '<div class="chapter-control dib-wrap" data-l1="3"><a id="j_chapterPrev" href="' + prevUrl + '">上一章</a><span>|</span><a id="j_chapterNext" href="' + nextUrl + '">下一章</a></div>';
|
||||
//加入页面中
|
||||
$('#j_readMainWrap').append(pageStr);
|
||||
|
||||
//重置 book.chapter
|
||||
book.chapter = {
|
||||
//页面进入加载的章节id
|
||||
id: nowshowChapterId,
|
||||
//章节vip标识
|
||||
vipStatus: chapterAndInfo[0],
|
||||
//上一章id
|
||||
prevId: chapterAndInfo[1],
|
||||
//下一章id
|
||||
nextId: chapterAndInfo[2]
|
||||
};
|
||||
book.nextChapterVip = chapterAndInfo[3];
|
||||
//重置初始化章节预加载标识
|
||||
that.chapterAdvanceLoad = {
|
||||
bool: false,
|
||||
id: '',
|
||||
pageTurn: '',
|
||||
content: '',
|
||||
url: ''
|
||||
};
|
||||
that.firstScroll = false;
|
||||
|
||||
$('.page-ops').remove();
|
||||
},
|
||||
/*
|
||||
* 阅读模式切换成瀑布流模式
|
||||
* @method readLoadType
|
||||
* @param advanceBool 是否为预加载 默认false 不是 ,true 为是
|
||||
* @param nextUrl 当advanceBool 为 true 的时候才有这个值
|
||||
* */
|
||||
readLoadType: function (advanceBool, nextUrl) {
|
||||
|
||||
var that = this,
|
||||
nextBtnText = '',
|
||||
repartData = '';
|
||||
|
||||
$('.page-ops').remove();
|
||||
|
||||
advanceBool = advanceBool ? advanceBool : false;
|
||||
//当前章节是否为普通章节最后一章
|
||||
if (book.chapter.vipStatus == 0 && book.nextChapterVip == 1) {
|
||||
nextBtnText = '前往VIP章节';
|
||||
//当前章节是否为vip章节最后一章
|
||||
} else if (!book.chapter.nextId) {
|
||||
nextBtnText = '最后一章没有了，前往书页';
|
||||
}
|
||||
//瀑布流时,显示按钮的方法
|
||||
if (nextBtnText != '') {
|
||||
//获取nextUrl
|
||||
var nextUrl = ( advanceBool ) ? nextUrl : $('#ajaxchapter-' + book.chapter.id).data('nurl');
|
||||
that.loadLastBool = true;
|
||||
var loadToDom = '<div class="chapter-control dib-wrap"> <a class="w-all" href="' + nextUrl + '">' + nextBtnText + '</a></div>';
|
||||
//判断是否是预加载
|
||||
if (advanceBool) {
|
||||
that.chapterAdvanceLoad.pageTurn = loadToDom;
|
||||
} else {
|
||||
//加入页面中
|
||||
$('#j_readMainWrap').append(loadToDom);
|
||||
}
|
||||
} else {
|
||||
that.loadLastBool = false;
|
||||
//判断是否是预加载
|
||||
if (advanceBool) that.chapterAdvanceLoad.pageTurn = '';
|
||||
}
|
||||
|
||||
},
|
||||
/*
|
||||
* 重新获取章节内容
|
||||
* @method getChapterId
|
||||
* @param chapterId 章节id
|
||||
* @param isRepeat 是否是重复加载 是:true 否:false
|
||||
* @param advanceBool 是否为预加载 默认false 不是 ,true 为是
|
||||
* @param successCallback 成功操作之后等回调
|
||||
* @param failCallBack 失败的回调
|
||||
* */
|
||||
getChapterInfo: function (chapterId, isRepeat, advanceBool, successCallback, failCallBack) {
|
||||
var that = this;
|
||||
advanceBool = advanceBool ? advanceBool : false;
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: '/home/chapter/info',
|
||||
dataType: 'json',
|
||||
data: {id: book.chapter.source_id, key: chapterId},
|
||||
success: function (response) {
|
||||
if (response.code == 1) {
|
||||
var data = response.data;
|
||||
if (isRepeat) {
|
||||
$('#ajaxchapter-' + chapterId).remove();
|
||||
if (that.readSetting.rt == 1) $('.chapter-control').remove();
|
||||
}
|
||||
//加载章节到页面中
|
||||
var chapter_content=that.chapterContent(data);
|
||||
if (advanceBool) {
|
||||
that.chapterAdvanceLoad.content = chapter_content;
|
||||
that.chapterAdvanceLoad.id = data.chapter.id;
|
||||
} else {
|
||||
that.chapterBox.append(chapter_content);
|
||||
}
|
||||
//重置 book.chapter
|
||||
book.chapter = {
|
||||
//页面进入加载的章节id
|
||||
id: data.chapter.id,
|
||||
//章节源id
|
||||
source_id:data.chapter.source_id,
|
||||
//章节vip标识
|
||||
vipStatus: data.chapter.vip,
|
||||
//上一章id
|
||||
prevId: data.chapter.prev.id,
|
||||
//下一章id
|
||||
nextId: data.chapter.next.id,
|
||||
};
|
||||
book.nextChapterVip = data.chapter.nextVip;
|
||||
//获取当前章节的url
|
||||
var nowChapterUrl = $('#ajaxchapter-' + book.chapter.prevId).data('nurl');
|
||||
//加载章节到页面中
|
||||
if (advanceBool) {
|
||||
that.chapterAdvanceLoad.url = nowChapterUrl;
|
||||
}
|
||||
//判断章节是否为最后一章
|
||||
var nextUrl = ( !data.chapter.next.id ) ? that.bookId : data.chapter.next.url;
|
||||
//当为瀑布流是才去判断是否是最后一章
|
||||
if (that.readSetting.rt == 1) that.readLoadType(advanceBool, nextUrl);
|
||||
//成功操作之后等回调
|
||||
if (successCallback) successCallback(data);
|
||||
} else {
|
||||
//失败的回调
|
||||
if (failCallBack) failCallBack();
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
chapterContent: function(data){
|
||||
var that = this;
|
||||
var chapter_box=that.chapterBox.children('div:first').prop("outerHTML");
|
||||
var chapter_box_jq=$(chapter_box);
|
||||
chapter_box_jq.attr('id','ajaxchapter-'+data.chapter.id);
|
||||
chapter_box_jq.attr('data-cid',data.chapter.id);
|
||||
chapter_box_jq.attr('data-purl',data.chapter.prev.url);
|
||||
chapter_box_jq.attr('data-nurl',data.chapter.next.url);
|
||||
chapter_box_jq.attr('data-info',data.chapter.vip+'|'+data.chapter.prev.id+'|'+data.chapter.next.id+'|'+data.chapter.nextVip);
|
||||
chapter_box_jq.find('.j_chapterName').text(data.chapter.title);
|
||||
chapter_box_jq.find('.j_chapterWordCut').text(data.chapter.word);
|
||||
chapter_box_jq.find('.j_updateTime').text(data.chapter.time);
|
||||
chapter_box_jq.find('.j_readContent').html(data.chapter.content);
|
||||
return chapter_box_jq.prop("outerHTML");
|
||||
},
|
||||
/*
|
||||
* 当为瀑布流时,加载懒加载事件
|
||||
* @method chapterLazyLoad
|
||||
* */
|
||||
chapterLazyLoad: function () {
|
||||
|
||||
var that = this,
|
||||
//页面高度
|
||||
pageHeight = $(document).height(),
|
||||
//滚动条距顶部高度
|
||||
winSTop,
|
||||
winHeight = $(window).height();
|
||||
|
||||
$(window).on('scroll', that.throttle(function () {
|
||||
//当为左右切换时,不执行
|
||||
if (that.readSetting.rt == 0) return false;
|
||||
//当当前章节为vip章节,且未订阅时,不再加载下面章节
|
||||
// if (book.chapter.vipStatus == 1 && g_data.chapter.isBuy == 0) return false;
|
||||
//当正在加载章节时,不再加载下面章节
|
||||
if (that.chapterLoad) return false;
|
||||
//当前章节是否为最后一章(普通章节&&vip章节),不再加载下面章节
|
||||
if (that.loadLastBool && !that.chapterAdvanceLoad.bool) return false;
|
||||
|
||||
//当页面为瀑布流形式,且章节判断是可以继续加载时,加载
|
||||
pageHeight = $(document).height();
|
||||
winSTop = $(window).scrollTop();
|
||||
//初始化浏览器高度
|
||||
winHeight = $(window).height();
|
||||
|
||||
//vip 不提前加载,页面滚到底部,加载
|
||||
var cHeight = ( book.chapter.vipStatus == 1 && book.nextChapterVip == 1 ) ? winHeight : ( 2.5 * winHeight );
|
||||
//当剩下小于1屏未显示的时候,加载新的章节
|
||||
if (pageHeight <= ( winSTop + cHeight )) {
|
||||
//显示加载load
|
||||
$('.j_chapterLoad').show();
|
||||
//判断与加载里面的是否有章节信息
|
||||
if (that.chapterAdvanceLoad.bool && that.chapterAdvanceLoad.id == book.chapter.id) {
|
||||
//去显示预加载的内容
|
||||
that.addAdvanceChapter();
|
||||
$('.j_chapterLoad').hide();
|
||||
} else {
|
||||
//重置为true,禁止发送请求
|
||||
that.chapterLoad = true;
|
||||
//拉取章节信息
|
||||
that.getChapterInfo(book.chapter.nextId, false, false,
|
||||
//数据拉取成功的回调
|
||||
function (data) {
|
||||
//更新cookie
|
||||
// that.nearReadCookies();
|
||||
//重置为false,允许下次符合条件时,发送请求
|
||||
that.chapterLoad = false;
|
||||
$('.j_chapterLoad').hide();
|
||||
//更新阅读进度
|
||||
// that.repeatReadStatus(data.chapterInfo.chapterId, data.chapterInfo.chapterName, data.chapterInfo.vipStatus, data.chapterInfo.updateTime, 0);
|
||||
if (that.firstScroll) that.firstScroll = false;
|
||||
},
|
||||
//数据拉取失败的回调
|
||||
function () {
|
||||
//拉取失败,重置为false ,再次拉取
|
||||
that.chapterLoad = false;
|
||||
}
|
||||
);
|
||||
}
|
||||
//章节预加载
|
||||
} else if (!that.chapterAdvanceLoad.bool && book.nextChapterVip != 1 && !that.firstScroll && !that.chapterLoad) {
|
||||
//重置为true,禁止发送请求
|
||||
that.chapterLoad = true;
|
||||
that.chapterAdvanceLoad.bool = true;
|
||||
//拉取章节信息
|
||||
that.getChapterInfo(book.chapter.nextId, false, true,
|
||||
//数据拉取成功的回调
|
||||
function () {
|
||||
//加载完成,重置
|
||||
that.chapterLoad = false;
|
||||
$(window).trigger('scroll');
|
||||
},
|
||||
//数据拉取失败的回调
|
||||
function () {
|
||||
//拉取失败,重置为false ,再次拉取
|
||||
that.chapterLoad = false;
|
||||
//预加载完成,标识
|
||||
that.chapterAdvanceLoad.bool = false;
|
||||
}
|
||||
);
|
||||
}
|
||||
}, 100, 160));
|
||||
|
||||
//当页面高度小于视窗高度时,触发
|
||||
if (pageHeight <= winHeight) {
|
||||
//标识第一次加载,直接加载dom到页面
|
||||
that.firstScroll = true;
|
||||
$(window).trigger('scroll');
|
||||
}
|
||||
},
|
||||
/*
|
||||
* 显示预加载章节
|
||||
* @method addAdvanceChapter
|
||||
* */
|
||||
addAdvanceChapter: function () {
|
||||
|
||||
var that = this,
|
||||
chapterCon = that.chapterAdvanceLoad;
|
||||
//加入章节
|
||||
that.chapterBox.append(chapterCon.content);
|
||||
//pageTurn加入页面中
|
||||
$('#j_readMainWrap').append(chapterCon.pageTurn);
|
||||
|
||||
//重置章节预加载标识
|
||||
that.chapterAdvanceLoad = {
|
||||
bool: false,
|
||||
id: '',
|
||||
pageTurn: '',
|
||||
content: '',
|
||||
url: ''
|
||||
};
|
||||
},
|
||||
}
|
||||
Book.init();
|
||||
});
|
||||
Reference in New Issue
Block a user