J'ai une page, je veux qu'elle déploay afficher son contenu dans une boîte de dialogue modale (boîte de dialogue jquery UI) dès que la page est chargée.ouvrir le dialogue modal jquery au chargement de la page
$(document).ready(function(){
$("#example").dialog();
});
<div id="example" class="flora" title="This is my title">
I'm in a dialog!
</div>
Merci
Votre balise div est pas correctement formaté et il doit être fermé. Ce qui suit a fonctionné pour moi, mais il a besoin de fichiers CSS appropriés.
<html>
<head>
<script type="text/javascript" language="javascript"
src="jquery/jquery.js"></script>
<script type="text/javascript" language="javascript"
src="jquery/jquery.ui.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#example").dialog({modal: true});
});
</script>
</head>
<body>
<div id="example" class="flora" title="This is my title">
I'm in a dialog!
</div>
</body>
</html>
Wayne Khan est juste dans ce
le comportement par défaut est d'ouvrir lorsque vous appelez dialogue(), sauf si vous définissez Autoopen false.
et tvanfosson l'a presque correct, bien que le dialogue par défaut ne soit pas Modal. Pour afficher une fenêtre modale, vous devez définir l'modal l'option à true
Pour illustrer, voici un extrait garni vers le bas d'un small project je travaillais sur ce soir:
...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="./jquery-ui-personalized-1.6rc6.min.js"></script>
<script type="text/javascript" src="./init.js"></script>
<link rel="stylesheet" href="./css.css" type="text/css" />
<script type="text/javascript">
$(function() {
$('#exampleNode').dialog({
modal: 'true'
});
});
</script>
...
Pour référence:
Je leur deuxième question ci-dessous. ça a l'air bien, quel problème éprouvez-vous? – bendewey
Alors, quel est le problème avec le code que vous avez fourni? Est-ce que ça ne marche pas ou ...? Pour autant que je puisse voir, cela fonctionnerait parfaitement. Je vous suggère d'utiliser $ (function() {au lieu de $ (document) .ready (function() {. Il est plus court et plus facile à lire. – Salty