使用带有的链接的图像

Question

我正在尝试使用图像作为链接，如下所示：

<wicket:link>
    <a href="UploadPage.html">
        <img src="/logo.png"/>
    </a>
</wicket:link>

在呈现的 HTML 中， 的 href 已正确设置为我的上传页面。

但奇怪的是，Wicket 将 onclick=window.location.href='/logo.png' 添加到 标记中。最终结果是单击徽标会加载徽标本身，而不是上传页面。

一个简单的解决方法是不使用 ，并将 URL 硬编码到我的上传页面，但我想知道是否有适当的解决方案。

Answer 1

对我来说，添加空的 onClick (Wicket 1.5) 很有帮助：

<li><a class="current" href="main">
   <img onClick="" src="img/icons/home.png"/>
</a></li>

在此之后，链接指向页面，而不是图像本身

Answer 2

在您的 html 中添加以下内容：

<a wicket:id="linkID"><img src="/logo.png"/></a>

在相应的 java 类中添加以下内容：

add(new PageLink<Void>("linkID", new YourWicketPage()));

或者用于更通用的目的：

add(new Link<Void>("linkID") {
    @Override
    public void onClick()
    {
        // do whatever you want when the link/image is clicked
    }
);

请注意，我为 Link 提供了一个 Void 模型，因为在这种情况下，我似乎不需要模型。然而，可以想象，在给定特定上下文的情况下，应该使用链接模型。

Answer 3

您是否已经在如何制作检票口链接显示为图像？

您使用哪个检票口版本？

Answer 4

您可能忘记了“onclick”的引用：

onclick="window.location.href='/logo.png'"

Answer 5

只是提一下：使用 src 标签的完整 url 应该会有所帮助（http://blah/logo.png），但这不是优雅或便携的解决方案。也许这是一个检票口错误。也许考虑使用 div 和 css 来代替？