0

私はこのような拡張divを持っています:

var $chatTemplateDiv = $('#ChatTemplate');
 var dialogExtendOptions = {
     "close": true,
     "maximize": false,
     "minimize": true,
     "dblclick": 'minimize',
     "titlebar": 'transparent',
     "restore": function (event, ui) {

     }
 };
 $chatTemplateDiv.dialog({
         title: ClientName,
         width: 360,
         height: 320,
         modal: false,
         resizable: false,
         maxHeight: 500,
         focus: function (event, ui) {
             $("#ToClientID").val(ToClient); 

         },
         open: function (event, ui) {

             $(this).animate({
                 scrollTop: $(this).scrollTop() + 10000000
             });

         }
     }).dialogExtend(dialogExtendOptions);

ユーザーが div を最小化したかどうかを知るにはどうすればよいですか?

4

1 に答える 1

1

このプラグインhttps://code.google.com/p/jquery-dialogextend/を使用している場合は 、次のように実行できます。

2つのイベントが含まれているのでbeforeMinimizeminimize自分に合ったイベントの1つを試してください。

 var dialogExtendOptions = {
     "close": true,
     "maximize": false,
     "minimize": true,
     "dblclick": 'minimize',
     "titlebar": 'transparent',
     "restore": function (event, ui) {

     },"events" : {
          "beforeMinimize" : function(evt, dlg){ alert(evt.type+"."+evt.handleObj.namespace); },
          "minimize" : function(evt, dlg){ alert(evt.type+"."+evt.handleObj.namespace); }
        }
 };

次に、上記の質問で書いたように、残りのコードを記述します。

編集

最小化されているかどうかを識別したいと言っているので、わかりました。したがって、次のように行うことができます。

公式ドキュメントで説明されているように:

switch ( $("#my-dialog").dialogExtend("state") ) {
  case "maximized":
    alert("The dialog is maximized");
    break;
  case "minimized":
    alert("The dialog is minimized");
    break;
  case "collapsed":
    alert("The dialog is collapsed");
    break;
  default:
    alert("The dialog is normal");
}

最小化されているかどうかを識別したい場合は、これを使用してください。

したがって、ダイアログが最小化されているかどうかをボタンクリックで識別したい場合は、次のように実行できます。

$("#yourbutton").on('click',function(){
switch ( $('#ChatTemplate').dialogExtend("state") ) {
  case "minimized":
    alert("The dialog is minimized");
    }

});
于 2013-03-07T09:56:16.340 に答える