Question

我想让这张图片消失。它确实发生了，但现在我需要将它链接到另一个div / page？我需要用什么HTML来完成这个？

<div data-role="page" style="width: 100%;">
<img src="pic/front cover.jpg" onclick="this.style.display='none'" style="width:100%;">
</div>

Answer 1

将图像包装在锚标记中，如下所示：

<a data-role="page" href="/other-page">
    <img src="pic/front cover.jpg" onclick="this.style.display='none'" style="width:100%;">
</a>

如果您希望将锚标记表现为div，则需要向其添加一些CSS属性。首先想到的是display: block。

Answer 2

不是提出问题的最佳方式 - 但这是你在寻找什么？

<div data-role="page" style="width: 100%;">
<a href="#mypageplace">
    <img src="pic/front cover.jpg" onclick="this.style.display='none'" style="width:100%;"></a>
</div>

<div id="mypageplace"></div>

这是一个codepen - http://codepen.io/mslfire/pen/MawVLB

如何将它链接到另一个div /页面？

2 个答案: