-1

jQuery UI Web サイトのモーダル ダイアログの例に従っていますが、ダイアログを表示することができません。この例では、ボタンをクリックしてダイアログを作成して開きますが、TD 要素をクリックして起動しようとしています。それは可能ですか？

4

2 に答える 2

0

このコードは、基本的にブロック UI を作成します。jquery ブロック UI ダイアログを使用する代わりに、jquery blockUI プラグインを使用できます。コードを理解するには、リンクを参照してください。 http://www.malsup.com/jquery/block/#demos 以下の例では、#yourtd_id は td の ID で、#your_div はモーダルにしたい div です。td をクリックすると .blockUI は your_div を画面に表示するクラスです。モーダルダイアログのようになりました。モーダル ダイアログから出るには、#your_div にボタンを挿入し、ID を #cancel_btn として指定します。#cancel_btn がクリックされると、.unblockUI() は UI のブロックを解除します。つまり、モーダル ダイアログのブロックを解除します。

 $(document).ready(function() { 
    $('#yourtd_id').click(function() { 
       $.blockUI({ message: $('#your_div') }); 

        //keep a cancel button on #your_div. for eg: consider its id as #cancel_btn

    }); 

    $('#cancel_btn').click(function(){
      $.unblockUI();
    });
  });

これでうまくいきます。お役に立てば幸いです。

于 2013-09-08T15:48:24.303 に答える