Это кажется простым, но я не нахожу успеха.У меня есть четыре документа 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"/>