JQuery Slide nach ajaxStart - Seite 3

protonenbeschleuniger · #21 (**permalink**) 16.04.2012, 16:58

Naja, das wäre alles beantwortbar gewesen.

Hier geht es nur um die richtige Verwendung bzw. Reihenfolge der Events. Soweit ich das verstanden habe, reicht es aus den Aufruf zum verstecken in hideprogress() einzubauen und die Funktion zum anzeigen in den Event, denn die hide() Funktion anbietet .hide() – jQuery API

cyrious · #22 (**permalink**) 16.04.2012, 17:14

@protonenbeschleuniger - Danke für deine Antwort. Das hat mich auf jeden Fall in die richtige Richtung gelenkt. Es führen hier doch einige Wege zum Ziel. Hatte in der JQuery Doc auch noch folgendes gefunden:

Code:

 $.ajax({
   beforeSend: function(){
     // Handle the beforeSend event
     // #content verstecken/einbelden
   },
   complete: function(){
     // Handle the complete event
     // #content verstecken/einbelden
   }
   // ......
 });

Super gut !! Danke!

protonenbeschleuniger · #23 (**permalink**) 16.04.2012, 17:45

Das ist aber nicht das wonach du gefragt hast. Ich bin nicht so der jquery Experte und kenne die Variante mit dem Objekt als Parameter, die du verwendest, nicht. Aber ohne würde es so aussehen:

Code:

$('#content').hide(1000, function () {
$("#content").show(1000);

});

Deine Variante ist im Prinzip das gleiche, was du am Anfang gezeigt hast.

cyrious · #24 (**permalink**) 17.04.2012, 10:48

Hey!

Ja, das funktioniert zwar. Aber wenn ein Effekt wie ein Slide hinterlegt ist, wird trotzdem sofort beim auslösen der neue #content angezeigt. Also wenn sich die Seite bereits im Cache befindet. Das Problem habe ich nun bei Fades und bei Slides. Bei stumpfen ein und ausblenden ist das natürlich kein Problem. Hast du noch eine Idee dazu?

protonenbeschleuniger · #25 (**permalink**) 17.04.2012, 11:43

Zitat:

Zitat von cyrious

Ja, das funktioniert zwar. Aber wenn ein Effekt wie ein Slide hinterlegt ist, wird trotzdem sofort beim auslösen der neue #content angezeigt. Also wenn sich die Seite bereits im Cache befindet. Das Problem habe ich nun bei Fades und bei Slides. Bei stumpfen ein und ausblenden ist das natürlich kein Problem. Hast du noch eine Idee dazu?

Deshalb sagte ich ja, du musst den event nutzen, der am Ende des hide() Aufrufes ausgelöst wird und zwar dann, wenn der Inhalt geladen wurde,a lso im AJAX success Event

In etwa so:

Zitat:

//wenn es geklappt hat
success: function(html) {

//Adresszeile aktualisieren
location.hash = url;

//Inhalt reinschreiben und anzeigen
$("#content").hide('slide', { direction: "right" }, 1000, function() {
$("#content").html(html);
$("#content").show('slide', { direction: "left" }, 1000);

});

//Adresszeile aktualisieren
location.hash = url.replace(/.html/, "");
}

cyrious · #26 (**permalink**) 17.04.2012, 11:51

Mega gut! Das funktioniert zu 100% auch ohne das caching zu deaktivieren. Genau so habe ich mir das vorgestellt! Perfekt ! Danke !

Die getContent Funktion sieht nun wie folgt aus:

Code:

// AJAX - Content holen
function getContent(url) {
       $.ajax({
       
        //erweitere aufzurufenden Link
        url: url+"&type=101",
        dataType: "html",
        
		//wenn es geklappt hat
		success: function(html) {

		//Adresszeile aktualisieren
		location.hash = url;

		//Inhalt reinschreiben und anzeigen
		$("#content").hide('slide', { direction: "right" }, 1000, function() {
		$("#content").html(html);
		$("#content").show('slide', { direction: "left" }, 1000);

});

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jQuery (coda slider) und prototype (Lightbox) konflikt	computernerd	Javascript & Ajax	3	21.09.2011 19:04
jquery slide unten nach oben	skip23	Javascript & Ajax	1	07.09.2010 16:47
JQuery + Wordpress	VoinG	Javascript & Ajax	0	29.12.2008 16:03
jQuery Slide Problem	dan_23	Javascript & Ajax	2	01.12.2008 17:54
JQuery von Slide Panel von vertikal auf horizontal ändern	slater77	Javascript & Ajax	0	22.11.2008 03:10