ページ上のすべてのダイアログ ボックス (クラス .dialog) の位置を記憶する Cookie (jquery Cookie プラグインを使用) の作成に問題があります。ダイアログ ボックスはドラッグ可能です。
これは私が試したことです:
<script>
jQuery(document).ready(function() {
// cookie period
var days = 1;
// load positions form cookies
$(".dialog").each( function( index ){
$(this).css( "left",
$.cookie( "im_" + this.id + "_left") );
$(this).css( "top",
$.cookie( "im_" + this.id + "_top") );
});
// bind event
$('.dialog').bind('dragstop', savePos);
// save positions into cookies
function savePos( event, ui ){
$.cookie("im_" + this.id + "_left",
$(this).css("left"), { path: '/', expires: days });
$.cookie("im_" + this.id + "_top",
$(this).css("top"), { path: '/', expires: days });
}
});
alert( $.cookie('') );
</script>
<script type="text/javascript">
$.ui.dialog.defaults.stackfix = true;
$(function() {
$('#dialog').dialog({
autoOpen: true,
});
$('#dialog_open').click(function() {
$('#dialog').dialog('open');
return false;
});
});
</script>
div id="dialog" title="基本ダイアログ"> ここにテキストが入ります。/div
あなたの教祖のアドバイスのいくつかは大歓迎です