个人中心
gpt4 book ai didi

javascript - ePub 未在 futurepress/epub.js 中定义

转载 作者：搜寻专家 更新时间：2023-10-30 22:15:22 39 4
gpt4 key购买 nike

刚开始使用 FuturePress/epub.js。并与 vue.js 一起使用

<head>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="/static/epub.min.js"></script>
    <script src="/static/libs/zip.min.js"></script>
</head>
<body>
    <div id="app">
        <div onclick="Book.prevPage();">‹</div>
        <div id="area"></div>
        <div onclick="Book.nextPage();">›</div>
    </div>

    <script src="script.js"></script>
</body>

在 script.js 中

var app = new Vue({
    el: '#app',
    created: function () {
        this.$nextTick(function () {
            var Book = ePub("http://desq.xyz/epub-test/book.epub");
            Book.renderTo("area");
        })
    }
});

但是，发生了错误。 ReferenceError:未定义 ePub。这是什么？？

最佳答案

它可以与一些 mod 一起使用(我正在关注 epubjs 仓库中给出的示例)

  • 对当前的 epub.min.js 使用 cdn(也许你没有正确设置/static 文件夹？)

  • 使用 jszip，因为这是 epubjs 推荐的(zipjs 也可以)

  • 使用 Vue 的数据属性来保存 rendition 并将点击处理程序设置为方法。可能不是必需的，但如果没有它，您需要点击监听器，这是(更简单的)Vue 方式。

  • 使用了 epubjs 示例中的一本电子书，因为我不确定您尝试访问的是哪本。

这是一个有效的示例 index.html。只需将代码粘贴到本地文件并使用浏览器打开即可。

index.html 

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/epubjs/dist/epub.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.min.js"></script>
</head>
<body>
  <div id="app">
    <div @click="prev()">‹</div>
      <div id="area"></div>
    <div @click="next()">›</div>
  </span>
  <script>
    var app = new Vue({
      el: '#app',
      data: {
        book: null,
        rendition: null
      },
      created() {
        this.book = ePub("https://s3.amazonaws.com/epubjs/books/alice/OPS/package.opf");
        this.rendition = this.book.renderTo("area", {width: 600, height: 400});
        var displayed = this.rendition.display();
      },
      methods: {
        prev() {
          this.rendition.prev();
        },
        next() {
          this.rendition.next();
        }
      }
    });
  </script>
</body>

关于javascript - ePub 未在 futurepress/epub.js 中定义，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49128203/

39 4 0
文章推荐： database - ms Access 查询挂起
文章推荐： objective-c - NSVisualEffectView 上的 NSButton : Wrong Background Color
文章推荐： php - 千城万户的关系，什么才是正确的做法？
文章推荐： function - 如何使用 vue.js 在 @click 事件上添加两个方法？
搜寻专家
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com