Funkcja load + uruchomienie galeri przy pomocy load

0

Witam napisałem skrypt w js którego zadaniem jest automatyczne ładowanie podstron bez przeładowywania całego serwisu.
Otóż posiadam w nim galerię zdjęć -strony wczytuje idealnie tą galerię też tylko jak ją wczyta to framework Fancybox nie spełnia swoich funkcji nie ładuje mi zdjęć (miniaturki są widoczne ale po kliknięciu nie nie chcą się powiększać) i chciałbym żeby po wczytaniu poprzez load() (razem z biblioteką jq) ta galeria wyświetlała się poprawnie.Nie wiem w czym jest przyczyna. Konflikt jquery??. . .. Może ktoś tutaj mi podpowie co robię żle lub na priv gg:)
Pozdrawiam

Kod odpowiedzialny za ładowanie do div="content" wszystkich treści.

$(document).ready(function() {
						   
	var hash = window.location.hash.substr(1);
	var href = $('#nav li a').each(function(){
		var href = $(this).attr('href');
		if(hash==href.substr(0,href.length-5)){
			var toLoad = hash+'.html #content';
			$('#content').load(toLoad)
			
		}											
	});

	$('#nav li a').click(function(){
								  
		var toLoad = $(this).attr('href')+' #content';
		$('#content').hide('fast',loadContent);
		$('#load').remove();
		$('#wrapper').append('<span id="load">Loading . . .</span>');
		$('#load').fadeIn('slow');
		window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
		function loadContent() {
			$('#content').load(toLoad,'',showNewContent())
		}
		function showNewContent() {
			$('#content').show('slow',hideLoader());
		}
		function hideLoader() {
			$('#load').fadeOut('normal');
		}
		return false;
		
	});

});
0

Kiedy przypinasz zdarzenie Fancyboxa - przypinasz je do istniejących elementów. Jeżeli wstawiasz nowe - one nie zareagują już na Fancyboxa. $.load posiada parametr służący za callback - w nim przypnij zdarzenie Fancyboxa do nowych elementów i wszystko będzie grało.

0

Dzięki za informację - sprawdzę czy zadziała i czy biblioteki mi się nie pogryzą w tym przypadku :)

0

Nie wiem czy dobrze rozumuje ale "Czasem w JavaScript'cie istnieje konieczność przekazania funkcji, która zostanie później wywołana przez cudzy kod (tzw. callback). Funkcja taka ma często przyjmować jakiś parametr, tudzież parametry które zostaną do niej przekazane z obcego kodu." - analizuje to ale z ta funkcją nie maiłem do czynienia :) Co muszę dopisać by to zadziałało?

0
(function showVehicle(elem){
  elem.fadeIn('slow',function(){
    $(this).next().length && showVehicle($(this).next());
  });
})( $("div.vehicle:first") );

coś takiego znalazłem :D

0

Znalazłem coś takiego w sieci - ale nie wiem czy to jest akurat dobre rozwiązanie - proszę o pomoc - http://blog.grzegorzpawlik.com/2010/04/jak-zrobic-callback-w-javascript-minitutorial/

1 użytkowników online, w tym zalogowanych: 0, gości: 1