1

私はjscriptとjqueryの初心者です。ハイパーリンクをクリックするとモーダルダイアログを開く必要があるWebサイトを作成しています。

私が見たサンプルコード（ウェブサイトから）では、次のようなものを使用しています：

<a id="SendToFriend" class="button send" href="#modalTellAFriend" rel="modal" data-closetext="Close">

content=jQuery(div#modalTellAFriend)closetext="Fermer"
<span>Send</span>
</a>

したがって、基本的に、次のように追加できます。

<div id="first modal">
</div>

<div id="second modal">
</div>

さて、単純な qn ですが、これを実現するための jQuery 関数をどのように記述すればよいでしょうか? モーダル画面にもvalidateとformを使いたい

4

1 に答える 1

2

jQuery UI ライブラリを使用してモーダル ダイアログを作成できますhttp://jqueryui.com/demos/dialog/#modal

rel 属性ごとに異なるダイアログを開くには、次のようにします。

$('a[rel="modal_1"]').click(function(){
  $( "#first_modal" ).dialog({
    closeText : 'Fermer',
    modal: true
  });
});

$('a[rel="modal_2"]').click(function(){
  $( "#second_modal" ).dialog({
    closeText : 'Fermer',
    modal: true
  });
});
于 2012-06-29T08:51:25.257 に答える