在Wicket中使用JQuery加载图像_Jquery_Wicket

在Wicket中使用JQuery加载图像

jquery wicket

在Wicket中使用JQuery加载图像,jquery,wicket,Jquery,Wicket,我正在尝试使用类似的效果在wicket中加载图像。这就是我目前正在做的：在“我的图像”组件（包含图像的简单面板）中：以及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> <i

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

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

以及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”）为空。我还尝试在javascript中使用标记id而不是类，并使用其他方法添加javascript，如renderOnDomReadyJavaScript，但我总是遇到相同的错误。这是我第一次在Wicket中使用JQuery，所以可能是我遗漏了一些非常简单的东西，有什么想法吗？

我发现了错误，问题解决了。原来JQuery与之前添加的其他脚本冲突，因此“$”在选择器中不起作用。我改用jQuery（img.elementImage），它工作得非常好。谢谢你的回复

jQuery是否正确加载？对于jQuery选择器，只需选择

$（“.elementImage”）

即可。从Firefox或Chrome Webconsole加载页面时，请尝试使用jQuery选择图像。再看一看

AjaxLazyLoadPanel

：-这可能会在没有jQuery的情况下解决您的用例，尽管我没有使用它。邪恶的：id=“img”实际上不会被呈现为id=“img”。Wicket通常在id的末尾添加一个数字。例如id=“img12”，它在文档中的某个地方，但它们告诉您永远不要在选择器中使用Wicket:id。

<?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>