Question

我正在尝试使用类似于this的效果在wicket中加载图像。这就是我目前正在做的事情：

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

@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”）为null 。我也尝试在javascript中使用标记id而不是类，并使用其他方法添加javascript，例如renderOnDomReadyJavaScript，但我总是得到相同的错误。这是我第一次将WQuery与Wicket一起使用，所以它可能是一件非常简单的事情，我很遗憾，还有什么想法？

Answer 1

我发现了错误，它已经解决了。事实证明，JQuery与之前添加的其他脚本冲突，因此'$'在选择器中不起作用。我使用了jQuery（img.elementImage），它完美地工作了。感谢您的回复！

在Wicket中使用JQuery加载图像

1 个答案: