0

我正在尝试使用与此类似的效果在检票口中加载图像。这就是我目前正在做的事情：

在我的图像组件（一个包含图像的简单面板）中：

@Override
public void renderHead(IHeaderResponse response) {
    super.renderHead(response);
    response.renderJavaScriptReference(GlobalNames.JQUERY_URL);
    response.renderJavaScript("$(document).ready(function(){$(\"img.elementImage\").hide().fadeIn(600);});", null);
}

和html：

<?xml version="1.0" encoding="UTF-8"?>
<html
    xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">
<body>
<wicket:panel>
    <img class="elementImage" wicket:id="img"/>
</wicket:panel>
</body>
</html>

我认为应该这样做，但我不断收到错误$("img.elementImage") is null。我还尝试使用标记 id 而不是 javascript 中的类，并使用其他方法添加 javascript，例如 renderOnDomReadyJavaScript，但我总是得到相同的错误。这是我第一次将 JQuery 与 Wicket 一起使用，所以它可能是我想念的非常简单的东西，有什么想法吗？

4

1 回答 1

0

我发现了错误，解决了。原来 JQuery 与之前添加的其他脚本发生冲突，因此“$”在选择器中不起作用。我改用了 jQuery(img.elementImage) 并且效果很好。感谢您的回复！

于 2013-02-22T17:33:53.417 回答