---
title: "jQuery, laddar inte in innehåll efter fadeOut"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/186062-jquery-laddar-inte-in-innehåll-efter-fadeout"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Gildebrand"
published: "2011-02-13T12:46:36.000Z"
updated: "2011-02-19T22:58:23.000Z"
replies: 7
views: 1954
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/186062-jquery-laddar-inte-in-innehåll-efter-fadeout"
---

# jQuery, laddar inte in innehåll efter fadeOut

## #1 — Gildebrand, 2011-02-13T12:46Z

Har lite problem med ett script

```
<script>
$('a').click(function(e){ 
e.preventDefault();
	$('#maincontent').fadeOut('fast',function(){ 
		$('#maincontent').load(this.href + ' #maincontent',function(){ 
			$('#maincontent').fadeIn('fast'); 
		});
	});
});
</script>
```

Om jag kör bara load-funktionen, så funkar det någorlunda bra, förutom att den lägger till #maincontent från den begärda sidan i det befintliga #maincontent-blocket, så det blir två containers inuti varandra. Hur löser man det?

Iallafall, när jag kör fadeOut innan .load, så händer det inget :(

Permalänk: https://www.webforum.nu/p/186062

## #2 — voigtann1, 2011-02-13T15:11Z

Det är inte så konstigt då this.href pekar mot #maincontent det du få göra är att spara à-elementets this i en variabel som du kan komma åt längre ner i din kod. 

Om ingen har postat svaret på hur man kan skriva (sitter inte vid en dator nu) så postar jag rätt kod ikväll

Permalänk: https://www.webforum.nu/p/2267858

## #3 — voigtann1, 2011-02-13T15:11Z

Det är inte så konstigt då this.href pekar mot #maincontent det du få göra är att spara à-elementets this i en variabel som du kan komma åt längre ner i din kod. 

Om ingen har postat svaret på hur man kan skriva (sitter inte vid en dator nu) så postar jag rätt kod ikväll

Permalänk: https://www.webforum.nu/p/2267859

## #4 — Gildebrand, 2011-02-13T15:15Z

```
var link = this;
```

Nåt sånt menar du? Och att sen referera till link istället för this?

EDIT: Funkade lysande :)
Men hur löser jag det med att .load inte bara lägger in innehållet från #maincontent i boxen (med samma id), utan även själva boxen #maincontent? Blir en box i boxen, båda med samma id.

Permalänk: https://www.webforum.nu/p/2267861

## #5 — voigtann1, 2011-02-13T17:51Z

Om du vill ersätta den så kör inte .load kör vanlig .ajax och på success så filtrera du ut datan och kör en $('#maincontent').replaceWith(newMainContent);

Permalänk: https://www.webforum.nu/p/2267874

## #6 — Gildebrand, 2011-02-13T19:01Z

Jag får inte riktigt till det, vill spara ner boxen #maincontent från länkadressen i en variabel, och har försökt med följande

```
var ajax;
	$.get(link.href + ' #maincontent',function(data){ ajax = data; alert(ajax); });
```

Då verkar det inte köras över huvud taget :(

Permalänk: https://www.webforum.nu/p/2267877

## #7 — voigtann1, 2011-02-13T19:30Z

.get kan du inte använda dig av #maincontent (vad jag känner till)

Men:

```
$.get(link.href, function(data) {
	var main = $("#maincontent"),
	    replaceMain = $("#maincontent", data);

	main.replaceWith(replaceMain);

});
```

Permalänk: https://www.webforum.nu/p/2267879

## #8 — Gildebrand, 2011-02-19T22:58Z

Tack så jättemycket! Grymt av dig att hjälpa till så här :)
Det funkade alldeles utmärkt med din kod!

Permalänk: https://www.webforum.nu/p/2268205

---

Tråden på webben: https://www.webforum.nu/amne/javascript/186062-jquery-laddar-inte-in-innehåll-efter-fadeout