có thanh trình chuyển đổi kiểu ở phía trên cùng của chủ đề của tôi. Nó hoạt động cho hầu hết các phần, nhưng bạn phải nhấn F5 hoặc Refresh để xem phong cách mới. Làm cách nào để hoàn thành jQuery này để tự động làm mới sau khi thực hiện thành công?Làm mới jQuery/Tải lại trang sau khi thành công
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');
}
});
nào để tôi đặt đó ở đâu? – Greg
Mickel đã nhận nó;)! – Wookai
chỉ cần đặt mã này bên trong khối '$ .get()', có thể nằm ngay trên dòng nơi bạn cập nhật phần tử '# stylesheet'. – Firnas