ich habe eine Stil-Umschalter-Leiste über meinem Thema. Es funktioniert größtenteils, aber Sie müssen F5 oder Aktualisieren drücken, um den neuen Stil zu sehen. Wie beende ich diese jQuery, um sie nach einer erfolgreichen Ausführung automatisch zu aktualisieren?
jQuery.fn.styleSwitcher = function(){
$(this).click(function(){
loadStyleSheet(this);
return false;
});
function loadStyleSheet(obj) {
$('body').append('<div id="overlay" />');
$('body').css({height:'100%'});
$('#overlay')
.css({
display: 'none',
position: 'absolute',
top:0,
left: 0,
width: '100%',
height: '100%',
zIndex: 1000,
background: 'black url(http://mytheme.com/loading.gif) no-repeat center'
})
.fadeIn(500,function(){
$.get( obj.href+'&js',function(data){
$('#stylesheet').attr('href','css/' + data + '.css');
cssDummy.check(function(){
$('#overlay').fadeOut(500,function(){
$(this).remove();
});
});
});
});
}
var cssDummy = {
init: function(){
$('<div id="dummy-element" style="display:none" />').appendTo('body');
},
check: function(callback) {
if ($('#dummy-element').width()==2) callback();
else setTimeout(function(){cssDummy.check(callback)}, 200);
}
}
cssDummy.init();
}
$.ajax({
success:function(){
$('#overlay').load('http://mytheme.com');
}
});
Sie können verwenden
success: function() {
window.location.reload(true);
}
window.location.reload(true);
wird den Trick tun.
sie können verwenden:
document.location.reload();
sie können dies verwenden, kann Ihnen helfen
ich habe diesen Code von , um die Seite zu aktualisieren
success: function(data){
if(data.success == true){ // if true (1)
setTimeout(function(){// wait for 5 secs(2)
location.reload(); // then reload the page.(3)
}, 5000);
}
}
window.location = window.location.pathname
führt eine Aktualisierung aus.