evento Trigger su finestra di dialogo aperta

Question

La mia finestra di dialogo viene definito sotto il div

#dialogbox 

Quando la finestra di dialogo si apre voglio attivare un evento tale che avvisa aperta. L'im codice utilizzando è:

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

Ma questo doesnt sembrano innescare quando la finestra di dialogo si apre Aiutateci

Answer 1

È possibile utilizzare questo:

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

o listener di eventi .on

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

Ulteriori informazioni in questa pagina:

http://api.jqueryui.com/dialog/#event-open

Answer 2

Prova questo:

jsFiddle here

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'); 
}); 

Answer 3

Visualizzerà un avviso dopo aver fatto clic sul pulsante OK.

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

Mostrerà allerta dopo l'apertura del modale

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

Answer 4

È anche possibile utilizzare la messa a fuoco evento Click here for documentation