Question

这似乎很简单，但我没有找到成功。我有四个ISSUU文件。我希望在一页上有一个查看器，并带有按钮以加载用户希望查看的任何文档。我想要这样做，是因为我认为让它们进入单独的页面是糟糕的UX。

我已经尝试了很多方法，但这是使用JQuery的最新方法（在本示例中，框架最初设置为一个文档，而我只是想在点击图像时加载另一个文档。

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        $ (document).ready(function() {
            $ ("#changearticle").click(function() {
                $("#reader").load("//e.issuu.com/embed.html#ANEWNUMBER/ANOTHERNEWNUMBER");
            });
        });
    </script>


<!--in the body HTML -->
    <iframe style="border:none;width:525px;height:315px;" src="//e.issuu.com/embed.html#ANUMBER/ANOTHERNUMBER" allowfullscreen id="reader"></iframe>
    <img src="an_image" id="changearticle"/>

ISSUU Viewer：一个Viewer，单击即可将文档加载到其中

0 个答案: