列表

Question

我想列出的链接，使得看上去如下：

• 链接1
• 链路2
• 链接3

，然后将用户时点击链接，会出现一个对话框，将动态链接中的内容加载到iframe中。

当我点击第一个链接时，打开的对话框显示正确的内容。但是当我点击其他链接（Link2和Link3）时，对话框会显示link1的内容，而不是它们各自的链接。我是Node.js的新手，所以我无法弄清楚什么问题。

<div class="content"> 
    <ol> 
    {% for ex in array1 %} 
    <li> 
     <div id="dlg" closed="true" class="easyui-window" title="{{ ex }}" data-options="iconCls:'icon-save'" style="width:850px;height:500px;padding:10px"> 
     <div class="easyui-tabs" style="width:100%;height:430px"> 
      <div title="Annotated Example" style="padding:5px;font-size:15px"> 
      <iframe src="/html/{{ path_to }}/{{ link }}/{{ ex }}" height="100%" width="100%"></iframe> 
      </div> 
     </div> 
     </div> 
     <a href="javascript:void(0)" class="easyui-link" onclick="$('#dlg').dialog('open')"> 
     <h5>{{ ex }}</h5> 
     </a> 
    </li> 
    {% endfor %} 
    </ol> 
</div> 

Answer 1

ID必须是唯一的。试试这个...

<a href="javascript:void(0)" class="easyui-link" onclick="$(this).parents('li').find('.easyui-window').dialog('open')">