Question

我有一个动态生成的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>

所以对于这段代码，每个img都带有id＆＃34; alert＆＃34;需要有自己唯一的ID，文档就绪脚本需要引用它。

Answer 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'});
                    })

所以ids将是alert0，alert1等.indexNum是我给出的迭代号变量的名称，为它指定名称：

<logic:iterate id="results" name="appStatus" scope="session" indexId="indexNum">

jsp页面上的动态document.ready ids

1 个答案: