ホバー時に表示される編集ボタンのある要素の行があります。編集ボタンをクリックした要素の横にある jQuery ダイアログ ウィンドウを開こうとしています。
ここまでは順調ですね。
これが私の問題です。ダイアログは正しい場所で開きますが、ダイアログを開くと同時にページがスクロールダウンします。
jQuery ダイアログ コード:
$("#object-form").dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons: {
Save: function () {
alert("hello");
},
Abort: function () {
$(this).dialog("close");
}
},
show: "slow"
});
ダイアログのコードを初期化し、ダイアログの位置を設定します。
$(".matrix-cell-options-edit").click(function () {
$("#object-form").dialog("open");
var target = $(this).parent().parent();
$("#object-form").dialog("widget").position({
my: 'left bottom',
at: 'right top',
of: target
});
});