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

Question

我在我的项目中使用 jQuery mobile。我有一个设置字体大小的 div（有一些内容）。但是当我回去再回来时，它会显示未更改的字体大小（在 div 内容中）。我认为它正在使用缓存。如何使用 jQuery mobile 删除 android 中的缓存？这是我的小提琴。

执行以下步骤

1. 单击取消按钮。它显示下一页。
2. 单击标题上的第一个按钮，它显示滑块，然后滑动滑块并缩放内容。
3. 然后单击第二个按钮关闭屏幕。
4. 再次单击取消按钮它显示相同的状态（缩放状态）
5. 如何删除该状态？

$(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");
});

Answer 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**