Question

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

执行以下步骤

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

$(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**

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

1 个答案: