zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden JQuery Slide nach ajaxStart

Antwort
 
LinkBack Themen-Optionen Ansicht
  #21 (permalink)  
Alt 16.04.2012, 17:58
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.949
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Sponsored Links
  #22 (permalink)  
Alt 16.04.2012, 18:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.11.2006
Beiträge: 11
cyrious befindet sich auf einem aufstrebenden Ast
Standard

@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!
Mit Zitat antworten
Sponsored Links
  #23 (permalink)  
Alt 16.04.2012, 18:45
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.949
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

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.
Mit Zitat antworten
  #24 (permalink)  
Alt 17.04.2012, 11:48
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.11.2006
Beiträge: 11
cyrious befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #25 (permalink)  
Alt 17.04.2012, 12:43
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.949
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von cyrious Beitrag anzeigen
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/, "");
}
Mit Zitat antworten
  #26 (permalink)  
Alt 17.04.2012, 12:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.11.2006
Beiträge: 11
cyrious befindet sich auf einem aufstrebenden Ast
Standard

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);

});
Mit Zitat antworten
Antwort

Stichwörter
ajax, jqeury

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


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


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:43 Uhr.