ボタンをクリックした後にJqueryUIでダイアログウィンドウを作成するためにいくつかの投稿とJqueryUIドキュメントを読んでいますが、私の場合はすべて試しましたが、そうではないため、これがどのように機能するのかわかりません。ランニング。これが私が持っているものです、誰かがとても親切で、私が間違っていることを私に説明することができますか？
<button type='button' id='btn_reset'style='display:block;'>Reset</button>
<div id="warnungdialog" title="Warnung" style="display:none;">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;">
</span>Was wird passiert?</p>
</div>
これは私がJquery側に持っているものです
$(btn_reset).on('click', function() {
$("#warnungdialog").dialog({
autoOpen: false,
modal: true,
width: 350,
height: 'auto',
buttons: {
Weiter: function() {
$(this).dialog("close");
},
Abbrechen: function() {
$(this).dialog("close");
}
}
});
$(btn_reset).button();
$(btn_reset).click(function() {
$('#warnungdialog').dialog('open');
});
});
これを試して：
$(function() {
$("#warnungdialog").dialog({
autoOpen: false,
modal: true,
width: 350,
height: 'auto',
buttons: {
Weiter: function() {
$(this).dialog("close");
},
Abbrechen: function() {
$(this).dialog("close");
}
}
});
$('#btn_reset').button();
$('#btn_reset').click(function() {
$('#warnungdialog').dialog('open');
});
});
これが実用的なフィドルです。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加