0

因此，我正在创建一个帮助页面，其中包含有关使用 Outlook 设置电子邮件的说明。我将为 Outlook 2010、2007 和 2003 的不同版本提供 3 组说明。在各个步骤的旁边，我有一个链接“屏幕截图”，它将使用引导程序模式窗口打开该特定步骤的屏幕截图。

<a href="#ss-outlook2010-1" role="button" data-toggle="modal">Screenshot</a>

这是我的问题：有没有办法动态创建或回收模态 div？唯一改变的是主 div id 和 img src。否则我最终会得到 30 个几乎相同的 div。提前致谢！

<div id="ss-outlook2010-1" class="modal large hide fade" tabindex="-1" role="dialog" aria-labelledby="Outlook 2010" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>Outlook 2010</h3>
  </div>
  <div class="modal-body">
    <a><img src="images/screenshots/ss-outlook2010-1.png" title="Outlook 2010" alt="Outlook 2010"></a>
  </div>
</div>
4

1 回答 1

0

为什么不：

<div id="ss-outlook" class="modal large hide fade" tabindex="-1" role="dialog" aria-labelledby="Outlook 2010" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>Outlook 2010</h3>
  </div>
  <div class="modal-body">
    <div id="outlook-2003" style="display: none;">

    </div>
    <div id="outlook-2007" style="display: none;">

    </div>
    <div id="outlook-2010" style="display: none;">

    </div>
    <div id="outlook-2012" style="display: none;">

    </div>
  </div>
</div>

然后使用 JavaScript 来决定显示哪些 Outlook：

$('#outlook-2012').show();
于 2012-11-19T15:06:36.840 回答