我为下一个和上一个按钮创建了此功能,换句话说,我的html页面中有2个按钮,当我单击下一个或上一个按钮时,单片眼镜中的页面也会相应移动,
我读到我必须为此使用自定义翻页器,但他们没有提供创建示例的示例.
这是我尝试过并失败的事情:
function fileSelected(event,str) {
var thefile = document.getElementById('file');
var tval = thefile.value;
var ext = tval.split('.').pop();
var files = event.target.files;
var fname = tval.split(/(\\|\/)/g).pop();
if (ext == "epub" || ext == "EPUB"){
function createReader(bookData) {
Monocle.Reader("reader", bookData);
}
new Epub(files[0], createReader);
}else if(ext == "htm" || ext == "htm" || ext == "html" || ext == "HTML"){
var bookData = {
getComponents: function () {
return [
fname
];
},
getContents: function () {
return [
{title: "test", src: fname}
]
},
getComponent: function (componentId) {
return {url:componentId};
},
getMetaData: function(key) {
return {
title: "Test documents",
creator: "Aron Woost"
}[key];
}
}
window.reader = Monocle.Reader('reader', bookData);
}else{
return false;
}
}
function next(){
Monocle.Reader('reader', {}, {}, function (reader) {
reader.moveTo({ direction: 1 });
});
}
单击“下一步”将在我的控制台中给出未定义的错误.
任何想法如何实现自定义页面挡板?
https://github.com/joseph/Monocle/wiki/Page-flippers
我在JS中不那么精明.对不起:(
解决方法:
我认为问题出在此变量声明块中:
var thefile = document.getElementById('file');
var tval = thefile.value;
var ext = tval.split('.').pop();
var files = event.target.files;
var fname = tval.split(/(\\|\/)/g).pop();
是否有任何具有’value’属性的输入字段适用,例如< input type =“ text” id =“ file”> ?
您确定文件名中肯定会有一个点,即扩展名吗?
而且event.target.files看起来也可疑.
如果没有问题,请告知控制台在哪一行显示错误.您可以双击错误以突出显示错误的行.