Событие триггера в диалоговом окне открыто

17

Мое диалоговое окно определено в разделе div

#dialogbox

Когда откроется диалоговое окно, я хочу запустить событие таким образом, чтобы оно открывалось. Используемый код:

$("#dialogbox").dialog({open: function(){
           alert("OPEN");
          }
});

Но это не срабатывает при открытии диалогового окна Пожалуйста, помогите

    
задан user2583714 24.09.2013 в 23:07
источник

4 ответа

37

Вы можете использовать это:

$( ".selector" ).dialog({
  open: function( event, ui ) {}
});

или прослушиватель событий .on

$( ".selector" ).on( "dialogopen", function( event, ui ) {} );

Дополнительная информация на этой странице:

Ссылка

    
ответ дан Donovan Charpin 24.09.2013 в 23:11
источник
4

Попробуйте следующее:

jsFiddle здесь

HTML:

<div id="dialogbox"></div>
<input id="mybutt" type="button" value="Click Me">

Javascript / JQuery:

$("#dialogbox").dialog({
    autoOpen:false,
    modal:true,
    title: "Use of Open event",
    width:300,
    open: function( event, ui ) {
        alert('hello');
    }
});

$('#mybutt').click(function() {
    $('#dialogbox').html('<h2>Watch this</h2>An alert box should have opened');
    $('#dialogbox').dialog('open');
});
    
ответ дан gibberish 24.09.2013 в 23:18
источник
0

После нажатия кнопки OK появится предупреждение.

$( "#WaitingDialog").html("Message you want to display").dialog({
   modal: true,
   buttons: { 
    Ok: function() {
       alert("hello");
    }
}});

Он отобразит предупреждение после открытия модального

$( "#WaitingDialog").html("Message you want to display").dialog({
    modal: true,
    buttons: { 
        open: function( event, ui ) {
              alert('hello');
          }
    }});
    
ответ дан sher bahadur 27.07.2016 в 08:35
источник
0

Вы также можете использовать событие фокус Нажмите здесь для документации

    
ответ дан prince jose 12.05.2017 в 05:30
источник