HTML にボタンがあり、ボタンをクリックすると、JQuery ダイアログが開きます。正常に動作するコードのバージョンがありますが、コードを再編成したいだけです。ダイアログが表示されなくなったため、何か問題があるようです。
動作するバージョン:
<script type="text/javascript">
$(function() {
$('#dialog_trigger').on("click", function() {
$('#dialog').load('index.php', function() {
$('#dialog').dialog({
*********(somehow I must remove 'autoOpen: false' here, otherwise it also stops working) ********
position: 'center',
width : 480,
height : 320,
modal : true
});
});
});
});
</script>
<body>
<button id="dialog_trigger">Click me</button>
<div id="dialog"></div>
</body>
動作しないコード:
<script type="text/javascript">
$(function() {
$('#dialog_trigger').on("click", function() {
$('#dialog').load('index.php', function() {
$('#dialog').dialog("open")
});
});
$('#dialog').dialog({
autoOpen: false,
position: 'center',
width : 480,
height : 320,
modal : true
});
});
</script>
<body>
<button id="dialog_trigger">Click me</button>
<div id="dialog"></div>
</body>
修正を手伝ってください、ありがとう。