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 に答える