假设我有一个容器来添加小部件,并且用户可以添加同一个小部件的两个/多个实例。一个小部件在内部加载具有 html 代码和 jQuery 代码以及 struts 标记的 jsp 页面。
我的 JSP:
<div id"sample1"/>
<-- all the html part with struts tags -->
<script>
all the methods to perform actions
</script>
当在同一页面中添加两个或多个 widgtes 时,使用 jquery 的选择器显然由于 id 重复而无法正常工作。因此,解决方案将是每个小部件实例的一些唯一 ID。但为此,我必须为每个元素和功能做类似下面的事情。如何使这个过程不那么繁琐,尤其是有很多 jsps 和 widgtes。
<div id"sample1-"<s:property value="uniqueId">" />
loadSample1-"<s:property value="uniqueId">" = function () {
}