Apre la finestra di dialogo modale di Jquery all'evento click

Il codice seguente funziona correttamente solo per l'evento del primo clic. Tuttavia per ogni clic successivo non succede nulla. L'ho provato su firefox, vale a dire7 ma è rimasto lo stesso. Mi sto perdendo qualcosa?Apre la finestra di dialogo modale di Jquery all'evento click

<script type="text/javascript"> 
$(document).ready(function() { 
    //$('#dialog').dialog(); 
    $('#dialog_link').click(function() { 
     $('#dialog').dialog(); 
     return false; 
    }); 
}); 
</script>  
</head><body> 
    <div id="dialog" title="Dialog Title" style="display:none"> Some text</div> 
    <p id="dialog_link">Open Dialog</p> 
</body></html>

fonte

2009-06-08 Sumanta

provare

$(document).ready(function() { 
    //$('#dialog').dialog(); 
    $('#dialog_link').click(function() { 
     $('#dialog').dialog('open'); 
     return false; 
    }); 
});

c'è un arg aperto nell'ultima parte

fonte

2009-06-08 11:45:55

Spiacente, non fortuna :( ho messo un avviso ("KKH"); prima di $ ('# finestra') finestra di dialogo();.. e si tratta bene, ma nessuna finestra ancora – Sumanta

controllare il vostro riferimenti sul clientide, io uso firebug per verificare che non ci siano 404s –

la finestra di dialogo viene caricata sul caricamento della pagina anche prima dell'evento click ... – user20358

Prova questa

$(function() { 

$('#clickMe').click(function(event) { 
    var mytext = $('#myText').val(); 


    $('<div id="dialog">'+mytext+'</div>').appendTo('body');   
    event.preventDefault(); 

     $("#dialog").dialog({     
      width: 600, 
      modal: true, 
      close: function(event, ui) { 
       $("#dialog").remove(); 
       } 
      }); 
    }); //close click 
});

E in HTML

<h3 id="clickMe">Open dialog</h3> 
<textarea cols="0" rows="0" id="myText" style="display:none">Some hidden text display none</textarea>

fonte

2009-06-09 08:09:07 TigerTiger

Ottima soluzione - Mi è piaciuto! – Guy

Sì, la funzione .remove() è la risposta alle mie pene. Quando stavo chiamando .close() stava causando il problema. –

+1 Nice Solution Bro – RajeshKdev

$(function() { 

$('#clickMe').click(function(event) { 
    var mytext = $('#myText').val(); 

    $('<div id="dialog">'+mytext+'</div>').appendTo('body');   
    event.preventDefault(); 

     $("#dialog").dialog({     
      width: 600, 
      modal: true, 
      close: function(event, ui) { 
       $("#dialog").hide(); 
       } 
      }); 
    }); //close click 
});

Meglio usare .hide() anziché .remove(). Con .remove() restituisce undefined se si è premuto il link una volta, quindi si chiude il modal e se si preme di nuovo il collegamento modale, esso ritorna non definito con .remove.

Con .hide() non funziona e funziona come un gioco da ragazzi. Ty per il frammento nella prima mano!

fonte

2012-01-12 10:50:02

Avevo bisogno di questo nel mio codice, grazie per aver segnalato questo! – Charx

+1 per utile soln. :) – RajeshKdev

Se si vuole mettere un po 'di pagina nella finestra di dialogo, allora è possibile utilizzare questi

function Popup() 
{ 
$("#pop").load('login.html').dialog({ 
height: 625, 
width: 600, 
modal:true, 
close: function(event,ui){ 
    $("pop").dialog('destroy'); 

     } 
}); 

}

HTML:

<Div id="pop" style="display:none;"> 

</Div>

fonte

2012-04-20 07:11:14

Prova ad aggiungere questa riga prima della riga di dialogo.

$("#dialog").dialog("open");

Questo metodo ha funzionato per me. Sembra che il comando "chiudi" faccia scoppiare nuovamente la finestra di dialogo con solo il .dialog().

Usando il codice come un esempio, sarebbe andata a come questo (si noti che potrebbe essere necessario aggiungere di più per il codice per poter dare un senso):

<script type="text/javascript"> 
$(document).ready(function() { 
    //$('#dialog').dialog(); 
    $('#dialog_link').click(function() { 
$("#dialog").dialog("open");   
$('#dialog').dialog(); 
     return false; 
    }); 
}); 
</script>  
</head><body> 
    <div id="dialog" title="Dialog Title" style="display:none"> Some text</div> 
    <p id="dialog_link">Open Dialog</p> 
</body></html>

fonte

2013-04-13 19:08:29 dwlorimer

può essere utile ...:)

$(document).ready(function() { 
    $('#buutonId').on('click', function() { 
     $('#modalId').modal('open'); 
    }); 
});

fonte

2016-01-13 09:36:05

Apre la finestra di dialogo modale di Jquery all'evento click

risposta

Problemi correlati