UI ダイアログ ボタンのクリック イベント内にマルチクリック関数を作成しようとしています。基本的に、ユーザーが「次へ」ボタンをクリックすると、複数の div を切り替えて、ダイアログ内に異なるコンテンツを表示したいと考えています。現時点では、1 つのイベントをトリガーすることしかできないようです。
これは動作しますが、1 つのイベントのみをトリガーする私の js です。
dialog.dialog({
// add a close listener to prevent adding multiple divs to the document
close: function(event, ui) {
// remove div with all data and events
dialog.remove();
},
modal: true,
resizable: false,
draggable: false,
stack: false,
width: 480,
buttons: [
{
text: "Cancel",
click: function() { $(this).dialog("close"); }
},
{
id: "cta",
click: function() {
$('.ui-dialog').css('top', '100px');
$(this).find('#modal p').remove();
}
}
]
});
主なセクションは、「ボタン」内の最後のクリックです。これは可能ですか?クリック自体の内部で設定するのではなく、関数を呼び出そうとしましたが、それも機能しません。