シンプルなJqueryダイアログがクリックされるようになりました
-
05-07-2019 - |
質問
jqueryを使用してダイアログを作成しようとしましたが、ポップアップをクリックするだけでなく、クリックしたときにのみonclick bacで成功します。
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$("#dialog").dialog();
});
</script>
and
<div id="dialog" title="Basic dialog">
<p>hi how are you</p>
</div>
そして見栄えの良いボタン
<button id="create-user" class="ui-button ui-state-default ui-corner-all">Profiel Matthijs</button>
これらの例を使用してみました
http://jqueryui.com/demos/dialog/
http://jqueryui.com/demos/dialog/#modal-form
#create-userボタンをクリックするだけで、これを機能させる方法を誰でも知っています。 私はJavaScriptがあまり得意ではありません。
ありがとう マティー
解決
ダイアログの作成時にダイアログが開かないように、 autoOpen
オプションをfalseに設定する必要があります。
ボタンがクリックされたときに開くには、openメソッドを呼び出します。
<script type="text/javascript">
$.ui.dialog.defaults.bgiframe = true;
$(function() {
$('#dialog').dialog({
autoOpen: false
});
$('#create-user').click(function() {
$('#dialog').dialog('open');
});
});
</script>
所属していません StackOverflow