0
    $(document).ready(function(){
        $("#navibtnon").bind('click', function(){
            $('#navi').fadeIn("fast");
            $(window).unbind('resize');
        });
    });
    $(document).ready(function(){
        $('#navbtnoff').bind('click', function () {
            $('#navi').fadeOut("fast");
            $(window).bind('resize', ScreenSize);
        });
    });

function ScreenSize()  {
  windowsize = $(window).width();
    if (windowsize < 1040) {
      $('#naviclosed').fadeIn("fast");
    }
    if (windowsize >= 1040) {
    $('#naviclosed').fadeOut("fast"); 
    }
}

では、ページの更新時に jQuery にこの設定を記憶させるにはどうすればよいでしょうか。更新: ScreenSize() 関数の機能を追加しました。

ありがとう

4

2 に答える 2

1

jquery Cookie プラグインを使用すると、次のように画面サイズを Cookie に設定できます。

$.cookie("ScreenSize",ScreenSize)

ページのリロード時に Cookie が存在する場合は、次のようにバインドします。

 var ScreenSize;
if ((ScreenSize = $.cookie('filter')) != undefined) {
  $(window).bind('resize', ScreenSize);
}

これは私が使用している実際のコードです:

$(".dropdown li a").click(function () {
var filter = grid.dataSource.filter();
filter == undefined ? "" : (filter.filters[0].value != undefined) ? "" : $.cookie("filter", JSON.stringify(filter));

});

var filter;
if ((filter = JSON.parse($.cookie('filter'))) != undefined) {
    grid.dataSource.filter(filter);
    $("#account-done").show(300);
}
于 2013-01-09T23:23:44.493 に答える
0

これは、データ(クエリ)をajaxを使用してデータベースに送信し、データベースに保存する方が適切です。更新するたびに、データベースからリロードします。

于 2013-01-09T23:33:36.387 に答える