Dev Faq
10
votes

Boîte de dialogue modale JQuery Onclick?

Je veux ceci:

http://jqueryui.com/demos/dialog/ # Message modal p>

Pour arriver lorsque vous cliquez sur CLICKME. P>

Comment faire cela? P> 

<script type="text/javascript">
$(document).ready(function() {
$('div.thedialog').dialog({ autoOpen: false })
$('#thelink').click(function(){ $('div.thedialog').dialog('open'); });
}
    </script>
</head>
<body>
<div id="thedialog" title="Download complete">
    <p>
        <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
        Your files have downloaded successfully into the My Downloads folder.
    </p>
    <p>
        Currently using <b>36% of your storage space</b>.
    </p>
</div>
<a href="#" id="thelink">Clickme</a>

0 commentaires

3 Réponses :

0
votes

Utilisation du dialogue JQuery UI , dans $ (document) .Readady ( ...) faire: xxx

pour créer la boîte de dialogue et xxx

pour l'ouvrir. < / p>

1 commentaires

Ne fonctionne pas .. j'ai ceci: ClickMe , puis ces deux lignes de document prêt, puis une boîte divisée appelée "thedialog", mais elle ne fonctionnera pas

0
votes

@azzyh i chose que @Rune signifie que vous devez faire un script pour cela.

Vous avez placé cela dans la balise de votre HTML xxx

(aussi Vous devez avoir le script JQuery-UI et JQuery Script aussi lié à votre page avec le comme scié ci-dessus (ex