jQuery Seite nach Erfolg aktualisieren/neu laden

Lesezeit: 1 Minute

Gregs Benutzeravatar
Greg

habe eine Stilumschaltleiste über dem oberen Rand meines Designs. 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');
  }
 });

Mickels Benutzer-Avatar
Michel

Sie können verwenden

success: function() {
    window.location.reload(true);
}

window.location.reload(true); 

wird den Trick machen.

  • Geben Sie einfach diesen Code ein $.get() Block, kann sich direkt über der Zeile befinden, in der Sie die aktualisieren #stylesheet Element.

    – Firnäs

    16. September 2016 um 1:00 Uhr

window.location = window.location.pathname führt eine Aktualisierung durch.

Sie können verwenden:

document.location.reload();

Benutzeravatar von Naveen Kumar
Naveen Kumar

Sie können dies verwenden, um Ihnen zu 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); 
   }
}

1400230cookie-checkjQuery Seite nach Erfolg aktualisieren/neu laden

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy