[jQuery] przewijanie wczytanej treści nie działa, jScrollPane Opcje

[nergla]

Mam taki skrypcik wykorzystujący jQuery

[JAVASCRIPT] pobierz, plaintext 
$().ready(function()
{
$(".button").click(function()
{
var idname = $(this).attr("id");
$(".content").load(idname+".php");
return false;
});
});
[JAVASCRIPT] pobierz, plaintext 

wczytuje on do <div class='content'></div> odpowiedni plik *.php w zależności od wciśniętego przycisku, wszystko działa elegancko, problem pojawia się kiedy chcę dodać do skryptu funkcję z jScrollPane

[JAVASCRIPT] pobierz, plaintext 
$(".content").jScrollPane({wheelSpeed:50});
[JAVASCRIPT] pobierz, plaintext 

czyli całość wygląda tak

[JAVASCRIPT] pobierz, plaintext 
$().ready(function()
{
$(".button").click(function()
{
var idname = $(this).attr("id");
$(".content").load(idname+".php");
$(".content").jScrollPane({wheelSpeed:50});
return false;
});
});
[JAVASCRIPT] pobierz, plaintext 

niestety funkcja która przewijania nie działa na zawartości wczytanej przez load(). Wie ktoś dlaczego? Normalnie jak używam tej funkcji do przewijania tekstu który nie jest dynamicznie doczytywany to wszystko działa.

[baa]

Nie działa dlatego, że jScrollPane musisz podpiąć dopiero PO zakończeniu ładowania treści.
Powinieneś zrobić to w tzw. callback function, którą dodaje się jako ostatni parametr funkcji load.
Spróbuj tak:

[JAVASCRIPT] pobierz, plaintext 
$().ready(function() {
	$(".button").click(function() {
		var idname = $(this).attr("id");
 
		$(".content").load(idname+".php", function() {
			// tutaj $(this) odnosi się do elementu, 
			// do którego ładujesz treść za pomocą load()
			// jeśli by nie działało, spróbuj dać $(".content")
			$(this).jScrollPane({wheelSpeed:50}); 
		});
 
		return false;
	});
});
[JAVASCRIPT] pobierz, plaintext