为什么在从一个页面导航到另一个页面时删除页面状态?

时间:2013-08-16 13:03:15

标签: jquery jquery-mobile jquery-plugins

我在我的项目中使用jQuery mobile。我有一个div(有一些内容),我在其中设置字体大小。但当我回去再来时它会显示未改变的字体大小(在div内容中)。我认为它正在使用缓存。如何使用jQuery mobile删除android中的缓存?这是我的fiddle

执行以下步骤

  1. 点击取消按钮。它显示了下一页。
  2. 单击标题上显示滑块的第一个按钮,然后滑动滑块并缩放内容。
  3. 然后单击第二个按钮关闭屏幕。
  4. 再次点击取消按钮,显示相同的状态(缩放状态)
  5. 如何删除该状态?
  6. $(document).on('click', '.CancelSettingButton_h', function(event) {
        //   event.stopPropagation();
        $.mobile.changePage($("#realTimeScreen"));
    });
    
    $(document).on('click', '.stop_h', function() {
        $.mobile.changePage($("#Home"),{transition:'none'});
    });
    
    $(document).on('click', '.follow_h', function() {
        $(".sliderContend_h").toggle("slow");
    });
    

1 个答案:

答案 0 :(得分:1)

请看下面的代码..我想我已经更新了你的小提琴,但我不确定

$(document).on('click', '.CancelSettingButton_h', function(event) {
       //   event.stopPropagation();



   $.mobile.changePage($("#realTimeScreen"));

});
$(document).on('click', '.stop_h', function() {
/* new code */
    $('body *').removeClass('font');
/* new code */    
   $.mobile.changePage($("#Home"),{transition:'none'});
});

$(document).on('click', '.follow_h', function() {


   $(".sliderContend_h").toggle("slow");
});

$(document).on('slidestop', '#slider-2', function() {

var style;
    var font = $(this).val();

    if ($('head').find('style.font').length === 0) {
        style = $('<style class="font">.font { font-size: ' + font + 'px !important; }</style>');
        $('head').append(style);
        $('#realTimeContents').addClass('font');
    } else {
        $('body *').removeClass('font');
        $('style.font').empty();
        style = '.font { font-size: ' + font + 'px !important; }';
        $('style.font').append(style);
        $('#realTimeContents').addClass('font');
    }
});
**strong text**