javascript - 私のページには5つのポップアップボタンがあります。背景も内容も違う。使い方？

Question

1 つのページで背景色とコンテンツが異なる 5 つのポップアップを使用するオプションはありますか?

私はこのコードを使用しようとしていますhttp://istockphp.com/demo/popup-div-with-jquery/

Answer 1

1. ボタンにクラスと ID を指定します。<button class="popupButton" id="button1" />
2. デフォルトでポップアップを非表示にします。css でそれらを に設定することによってdisplay:none。

3. 次のような jquery コードを作成します。

   $('.popupButton').click(function(){
   
       if($(this).attr('id')=="button1")
           $('#popup1').show();
       if($(this).attr('id')=="button2")
           $('#popup2').show();
       // etc...
   
   });
   

Answer 2

Hans Wassink は、目標をアーカイブする方法について、すでに非常に良いヒントを提供しています。あなたはすでにいくつかのコードを持っていますか？エラーを修正するお手伝いができるかもしれません。