Question

我在创建一个cookie（使用jquery cookie插件）时遇到了困难，它会记住页面上所有对话框的位置（类.dialog）。对话框是可拖动的。

这就是我的尝试：

    <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 =“基本对话框”＆gt; 文字在这里。 /格

非常感谢你的一些大师建议

Answer 1

尝试使用.position（）。left和.position（）。右而不是.css（“left”）和.css（“right”）进行阅读。

这可能是问题所在。如果这不能解决问题，请检查cookie是否实际在浏览器中设置并且您能够读取它们。

Cookie和Jquery：对话框

1 个答案: