Créer une popup sur le lien cliquer?

Bonjour J'essaye de créer un popup qui est seulement affiché quand un lien est cliqué. C'est le code que j'ai mais le problème est que la boîte de dialogue est montrée quand la page se charge, plutôt que lorsqu'on clique dessus.Créer une popup sur le lien cliquer?

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#OpenDialog").click(function() { 
      $("#dialog").dialog({ modal: true, height: 250, width:200 }); 
     }); 
    }); 
</script> 
<a id="OpenDialog" href="#">Click here to open dialog</a> 
<div id="dialog" title="Dialog Title"> 
    <p>Dialog Contents here</p> 
</div>

Source

2013-04-05 user2212460

vous pouvez masquer div dialogue avec la charge ($ ("# dialogue") cacher();.) –

Pouvez-vous faire un Fiddle? – JoDev

-1

Essayez d'appeler une fonction à la place:

var dialogBox = function() { 
    $("#dialog").dialog({ modal: true, height: 250, width:200 }); 
}; 
$(document).ready(function() { 

    $("#OpenDialog").click(function() { 
     dialogBox(); 
    }); 
});

En HTML:

<div id="dialog" title="Dialog Title" style='display:none;'> 
    <p>Dialog Contents here</p> 
</div>

Source

2013-04-05 11:50:00 JoDev

Et de cette façon? Ça marche? – JoDev

remplacer Simplement ceci:

<div id="dialog" style="display:none;" title="Dialog Title"> 
    <p> 
     Dialog Contents here</p> 
</div>

Set

style='display:none'

Source

2013-04-05 11:54:59

en ajoutant le style = "display: none;" ne fonctionne pas. Il est toujours affiché sur le chargement de la page. – user2212460

Pouvez-vous faire un violon? –

Désolé, je ne sais pas ce que c'est. Je n'ai jamais fait quelque chose comme ça avant – user2212460

Au premier ensemble Afficher la propriété comme affichage: aucun;

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#OpenDialog").click(function() { 
$("#dialog").show(); 
     $("#dialog").dialog({ modal: true, height: 250, width:200 }); 
    }); 
}); 
</script> 
<body> 
<a id="OpenDialog" href="#">Click here to open dialog</a> 
<div id="dialog" style="display:none;"title="Dialog Title"> 
<p>Dialog Contents here</p> 
</div>

Source

2013-04-05 12:00:52 Arunkumar

Créer une popup sur le lien cliquer?

Répondre

Questions connexes