0

我有一个动态生成的 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,并且文档准备脚本需要引用它。

4

1 回答 1

1

<img>一个唯一的 id:

<img id="alert<c:out value='${indexNum}' />" src="img/status_alert.png">

同样在脚本中:

$(document).ready(function() {
                        $("#alert<c:out value='${indexNum}' />").tooltip({ position: 'right top', effect: 'slide'});
                    })

所以 id 将是 alert0、alert1 等。 indexNum 是我给迭代次数变量指定的名称,为它指定名称,如下所示:

<logic:iterate id="results" name="appStatus" scope="session" indexId="indexNum">
于 2012-09-19T16:48:02.353 回答