我有一个动态生成的 jsp 网页。我想在一些图像上有工具提示,而我正在使用的工具提示脚本要求每个图像都有一个唯一的 id 并$(document).ready(function(){});
引用该图像 id。这可能吗?我可以轻松地为 html img 标签生成一个唯一的 id,但是当我尝试对脚本执行相同操作时,它会出错。我已经包含了我的代码。
<logic:iterate id="results" name="appStatus" scope="session">
<logic:equal name="results" property="name" value='<%= name%>'>
<td>
<logic:equal value="up" name="results" property="status">
<img src="img/status_up.png">
</logic:equal>
<logic:equal value="down" name="results" property="status">
<img id="alert" src="img/status_alert.png">
<div class="tooltip">
<bean:write name="results" property="description"/>
</div>
<script>
$(document).ready(function() {
$("#alert").tooltip({ position: 'right top', effect: 'slide'});
});
</script>
</logic:equal>
<logic:equal value="other" name="results" property="status">
<img id="other" src="img/status_info.png">
<div class="tooltip">
<bean:write name="results" property="description"/>
</div>
<script>
$(document).ready(function() {
$("#other").tooltip({ position: 'right top', effect: 'slide'});
});
</script>
</logic:equal>
</td>
</logic:equal>
</logic:iterate>
所以对于这段代码,每个 ID 为“alert”的 img 都需要有自己的唯一 ID,并且文档准备脚本需要引用它。