[cezary1x]

Witam wszystkich
Mam mały problem z ajaxem, postaram się wytłumaczyć jak najlepiej potrafię
A mianowicie chciałem na swojej stronie zrobić listę produktów ponieważ strona oparta jest na divach i css zdecydowałem się użyć jquery i ajax.Na stronie produkty.html mam 2 divy, pierwszy wyświetla listę produktów, drugi wyświetla stronę produktu. Wszystko działa super poza jedną rzeczą tzn. linki z produktami umieszczone na innych stronach np. index.html nie działają (linki są w rozwijanym menu-dropdown).

Oto skrypt którego używam

$(document).ready(function(){
	
	$("#response").load("strona początkowa.html");//ładuje stronę początkową po załadowaniu produkty.html
	
        $("#produkt1").click(function(){
	   $("#response").load("produkt1.html");//ładuje stronę produktu po kliknięciu na niego
	});
	
});

To część zawarta w htmlu:

Budowa linku

<a href="#" id="produkt1" class="nav">produkt1</a>

Linijka którą dodaje do diva w którym chce wyświetlać stronę produktu

<div class="produkty" id="response">

Ktoś ma jakiś pomysł?