使用图像链接<wicket：link> </wicket：link>

Question

我正在尝试将图像用于这样的链接：

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

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

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

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

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 a Void模型，因为在这种情况下我似乎不需要模型。但是，可以想象，在给定某个上下文的情况下，应该使用链接的模型。

Answer 3

您是否已在How to make a wicket link appear as an image?

中查看答案

你使用哪个wicket版本？

Answer 4

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

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

Answer 5

提一下：使用src标签的完整网址应该有帮助（http：//blah/logo.png），但它不是优雅或可移植的解决方案。也许这是一个wicket bug。也许考虑使用div而不是css？