1

10個のリンクが10か所あるhtmlページ(ex index.html)があり、ユーザーがリンクをクリックするたびに、異なるタイプのコンテンツを単一のdivに動的にロードする必要があります。そのdivはjquery modalに配置する必要があります.divは実際にはそのhtmlページ（index.html）内にのみありますが、ユーザーがURLをクリックするとdivコンテンツがモーダルでロードされます.どうすればこれを達成できますか? 私はjqueryとjavascriptが初めてです。

4

2 に答える 2

0

私が考えることができる最も簡単な方法は、jQuery .load（）関数を使用することです。使い方はとても簡単です。セレクターで動作し、選択した要素にHTMLページのサブセットをロードします。したがって、divの名前が「fred」で、別のページの「bob」というdivのテキストをfredという名前のdivに配置する場合は、次のようにします。

$（'＃fred'）。load（' http://alice.com/carol.html #bob'）;

リンク先のページにかなり詳しく記載されています。

于 2013-02-13T01:53:45.603 に答える
0

次のようなことを試してください：

HTML

<div id="dialog-modal" title="Basic modal dialog">
  <p>Adding the modal overlay screen makes the dialog look more prominent because
  it dims out the page content.</p>
</div>

<div id="somedivwithcontent1" style="display:none">
   Text to put into the modal dialog.
</div>

JS

  var link = 1; //get from clicked link
  $( "#dialog-modal p" ).html( $('#somedivwithcontent'+link).html() );
  $( "#dialog-modal" ).dialog({
    height: 140,
    modal: true
  });

このコードは、div のコンテンツを取得し#somedivwithcontent、モーダル ダイアログの段落に配置します。あなたが望むものを達成する必要があります。

于 2013-02-13T01:57:39.827 に答える