增加小说模板
This commit is contained in:
make
Binary file not shown.
Binary file not shown.
1471
code/public/template/kuangyu/reader/web/css/style.css
Normal file
1471
code/public/template/kuangyu/reader/web/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 713 B |
BIN
code/public/template/kuangyu/reader/web/images/basic_bg.png
Normal file
BIN
code/public/template/kuangyu/reader/web/images/basic_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 559 B |
BIN
code/public/template/kuangyu/reader/web/images/body_base_bg.png
Normal file
BIN
code/public/template/kuangyu/reader/web/images/body_base_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 749 B |
BIN
code/public/template/kuangyu/reader/web/images/user-icon.png
Normal file
BIN
code/public/template/kuangyu/reader/web/images/user-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
964
code/public/template/kuangyu/reader/web/js/global.js
Normal file
964
code/public/template/kuangyu/reader/web/js/global.js
Normal file
@@ -0,0 +1,964 @@
|
||||
$(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