爲什麼要從一個頁面導航到另一個頁面時刪除頁面的狀態？

Question

我在我的項目中使用jQuery手機。我有一個div（有一些內容），我在其中設置字體大小。但是當我回來再來時，它顯示了未改變的字體大小（在div內容中）。我認爲它使用緩存。如何使用jQuery移動在android中刪除緩存？這是我的fiddle。

執行以下步驟

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