これで、ボタンをクリックしてダイアログを開きます。jQueryコードを減らすには
それがうまく働いていますが、それはクリック機能に同じように見えるので、私はあなたが行うことで、あなたのコードを減らすことができ
$(document).ready(function() {
$("#dialog_form_file").dialog({
modal: true,
autoOpen: false,
title: "Help",
width: 450,
buttons: [{
text: "OK",
click: function() {
$(this).dialog("close");
}
},
{
text: "Cancel",
click: function() {
$(this).dialog("close");
}
}
]
});
$("#dialog_form").dialog({
modal: true,
autoOpen: false,
title: "Help",
width: 450,
buttons: [{
text: "OK",
click: function() {
$(this).dialog("close");
}
},
{
text: "Cancel",
click: function() {
$(this).dialog("close");
}
}
]
});
$("#dialog_help").click(function() {
$("#dialog_form_file").dialog('open');
});
$("#change_button").click(function() {
$("#dialog_form").dialog('open');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/>
<div id="dialog_form_file" style="display: none">
<p>Hello</p>
</div>
<div id="dialog_form" style="display: none">
<p>Hello</p>
</div>
jquery uiの.dialog関数には、htmlパラメータが必要です。ドキュメントを読んでください。 – user5014677
1.私はあなたのコードにjQuery UIを追加しました - それは[mcve]ではありませんでした2.あなたはすべてを隠しています。スニペットを更新してください - リンクとボタンを追加してください – mplungjan
@ user5014677あなたは 'dialog()'メソッドが 'htmlを持たないことを意味する[this doc](http://api.jqueryui.com/dialog/) 'パラメータ? 'dialog()'のOPの使用法はここではまったく問題ありません。 –