過去の投稿で述べたように、私はJavaScriptの初心者であり、現在はJQueryをいくつか学んでいます。
ブリーフィング:
誰かが[キャンセル]をクリックしたときにトリガーされるダイアログボックスを作成する必要があります。このダイアログボックスには、(テキストまたは値として)「終了しますか?」という2つのボタンがあります。「はい、終了します」と「いいえ、このページにとどまりたい」。「残したい」ボタンからのリダイレクト部分は後でそれを理解します。
問題:幅オプションを使用してボタンを自動サイズ変更できるようにしたい(言い換えると、、、、しかし、それを理解できません:/width:auto
height: (number)px
これは私のコードです->
$(document).ready (function(){
var $dialog = $('<div></div>');
$(".selector").dialog({ modal:true });
var $popUp = $('#btnCancel').one('click', function () {
$dialog
.html('All changes will not be saved')
.dialog({
title: 'Are you sure you want to exit?',
resizable: false,
modal: true,
closeOnEscape: true,
buttons: {
"Yes, I want to leave": function() {
$( this ).dialog( "close" );
},
"No, I want to stay on this page": function() {
$( this ).dialog( "close" );
}
}
});
});
$popUp.click(function () {
$dialog.dialog('open');
return false;
});
});
このコードのボタン部分を変更してみました->
buttons: [
{ text: "Exit", 'class':'exit-button', resizable: true, click: function () { $(this).dialog("close"); } },
{ text: "Go back", 'class': 'go-back-button', resizable: true, click: function () { $(this).dialog("close"); } }
]
ただし、この最後のケースでは、値が「0」と「1」の2つのボタンが作成され、onclickイベントは発生しません。
私は何をすべきか?