jQuery UI のモーダルダイアログで二番目のボタンにフォーカスを与える方法を調べてみたらなかったので

書いた。

				$("#dialog-modal-1").dialog({
					modal : true,
					autoOpen : false,
					open : function() {
					    var buttonelm = document.getElementById("dialog-modal-1").parentNode.getElementsByTagName("button");
						buttonelm[buttonelm.length-1].focus();
					},
					buttons : {
						戻る : function() {
							$(this).dialog("close");
						},
						次へ : function() {
							$(this).dialog("close");
						}
					},
					focus : 1
				});
Code language: JavaScript (javascript)

jQuery UI のモーダルダイアログで二番目のボタンにフォーカスを与える方法を調べてみたらなかったので

書いた。

				$("#dialog-modal-1").dialog({
					modal : true,
					autoOpen : false,
					open : function() {
					    var buttonelm = document.getElementById("dialog-modal-1").parentNode.getElementsByTagName("button");
						buttonelm[buttonelm.length-1].focus();
					},
					buttons : {
						戻る : function() {
							$(this).dialog("close");
						},
						次へ : function() {
							$(this).dialog("close");
						}
					},
					focus : 1
				});
Code language: JavaScript (javascript)