ウェブサイトでモーダルポップアップを処理する最善の方法は何ですか?

それらを追加する適切な方法はありますか?

A)ページにdivの内容を隠し、クリックにバインドしたときにその内容を表示する

または

B)データを非同期的に取り出し、それをページに表示されていない空のdivにロードしますか?

以下のレスポンスごと...ユースケース?ここに:

1)ログイン

2)「共有モーダルボックス(ソーシャルシェアリングスタッフ)」を表示する

3)データの提出

1
具体的なユースケースを教えてください。モーダルポップアップを表示する理由は数多くあり、ソリューションはなぜそれを行うのかによって異なります。
追加された 著者 mrtsherman,
まあ、答えは明らかにあなたの詳細に依存していますが、これまで共有していなかったことです...また、 this
追加された 著者 Cameron,
ああ!ログインボックス。 Javascriptをオフにしているユーザーにはログインの手段があることを許可してください。また、資格情報が常にワイヤで保護されていることを確認してください(HTTPS)。
追加された 著者 Cameron,
非常に多くの言葉、句読点はほとんどありません。
追加された 著者 talnicolas,
@Cameronいいえ、素晴らしいリンクです。私はUX SEを持っていることさえ知りませんでした。グラシアス。
追加された 著者 bob_cobb,
@Cameronええ、私はおそらく、ポップアップイベントにバインドするとともにアンカーテキストにhrefを付けることになります。
追加された 著者 bob_cobb,

2 答え

私は個人的にそれらをオンザフライで作成したい。

dialog = $("<div></div>");
dialog.html(content);
dialog.dialog({modal:true});

これはjQuery UIのダイアログ機能を使用していますが、その場で作成したい例です。

1
追加された
ニース。それらを即座に作成することは、IMOに行く方法のようです。
追加された 著者 bob_cobb,

I would say the best way to go far would be to use the FancyBox Plugin

必要な例はすべて、 DEMO をここに

0
追加された
素晴らしいですが、リンクが壊れていない、デモが底にあります。あなたはプラグインに頼るべきではありません。私はちょっとした修正をしたばかりです
追加された 著者 defau1t,
うん、完全に理解されて、私は学習者としてそれを読んで、私は良い読者ではない。
追加された 著者 defau1t,
リンクが壊れていますが、私はむしろそれを自分で構築したいと思います。
追加された 著者 bob_cobb,
奇妙な以前は私のために読み込まれませんでした。私はFancyBoxをよく知っており、あなたはプラグインを学習者として信頼すべきではないということに同意します。しかし、たぶんあなたは私が使用した言葉を誤って読んでいたかもしれません。例えば。膨らみが少ない
追加された 著者 bob_cobb,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript