2013-09-24 13 views
17

Moje okno jest zdefiniowane w ramach divzdarzenie wyzwalania oknie dialogowym na otwarte

#dialogbox 

Gdy okno otwiera chcę wyzwolić zdarzenie takie, że ostrzega otwarte. Kod im przy pomocy jest:

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

Ale to nie robi wydaje się wyzwalać gdy okno jest otwarte Proszę o pomoc

+0

powinien otworzyć, co jest konsola powiedzieć? – tymeJV

Odpowiedz

38

Można to wykorzystać:

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

czy detektor zdarzeń .Na

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

Więcej informacji na tej stronie:

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

+4

Dziękuję. Jesteś moim nowym bogiem. I biorąc pod uwagę, że jest hinduskie, to nie znaczy dużo. Ale wielkie dzięki. Trzęsę mózgiem przez 3 godziny z powodu tego problemu "słuchacza". – user2583714

+0

Cieszę się, że mogę Ci pomóc :) –

+0

to miejsce (otwarte :) jest również dobrym miejscem do definiowania procedur obsługi, ponieważ będą one zdefiniowane tylko jeden raz; programy obsługi, takie jak .on ("change", function (...)); W rzeczywistości moduły obsługi mogą nie działać, nawet używając .on, jeśli są umieszczone poza tą sekcją "open:". –

4

Spróbuj tego:

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

Wyświetli alert po kliknięciu przycisku OK.

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

będzie wyświetlany alert po otwarciu modalna

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