jquery - open - Evento de activación en el cuadro de diálogo abierto

open input file jquery

Question

Mi cuadro de diálogo está definido bajo el div

#dialogbox

Cuando se abre el cuadro de diálogo, quiero activar un evento de tal forma que se abra la alerta. El código que estoy usando es:

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

Pero esto no parece activarse cuando se abre el cuadro de diálogo Por favor ayuda

Answer 1

Prueba esto:

jsFiddle aquí

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 2

Puedes usar esto:

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

o el oyente del evento .on

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

Más información en esta página:

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

Answer 3

Se mostrará alerta después de hacer clic en el botón Aceptar.

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

Se mostrará alerta después de abrir el modal.

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

Answer 4

También puede utilizar el evento de enfoque. Haga clic aquí para obtener documentación.