0

動的に生成される jsp Web ページがあります。一部の画像にツールチップを表示したいのですが、使用しているツールチップ スクリプトでは、各画像に一意の 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 に答える