次のように、JSP ページ (Struts2 Web アプリケーションの一部) に JSTree で生成されたツリーがあります。
<div class="panel">
<div id="demo1" class="demo">
<ul>
<li id="node"><a href="#"><s:property value="product"/></a>
<ul>
<li id="node">
<a href="#">Dependents</a>
<ul>
<s:iterator value="dependentsList" id="dependent">
<li id="node">
<a href="#">
<s:property value="productName"/></a>
<ul>
<li>
<a href="#">
Version Number: <s:property value="version" />
</a>
</li>
<s:if test="documentationLink != ''">
<li>
<a href="<s:property value="documentationLink" />">
Link to Product Documentation
</a>
</li>
</s:if>
</ul>
</li>
</s:iterator>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<script type="text/javascript" >
$(function () {
$("#demo1").jstree(
{
"core" :
{
"initially_open" : [ "#node" ]
},
"themes" :
{
"theme" : "default",
"icons" : false
},
"plugins" : [ "themes", "html_data", "ui"]
});
});
</script>
製品ドキュメントへのリンクがブラウザ (Firefox と Internet Explorer の両方を使用してみました) の下部のステータス バーに表示されますが、それらをクリックしても何も表示されません (HTML ソース コードとアンカー タグを確認しました)。正しい URL リンクが表示されています)。私のリンクが機能しない理由を誰か理解できますか? JQuery と JSTree の両方の最新バージョンを使用しています。ありがとう!