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.