Skocz do zawartości

Ajax i dropdown menu


cezary1x

Recommended Posts

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ł?

Link do komentarza
Udostępnij na innych stronach

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gość
Odpowiedz...

×   Wkleiłeś treść z formatowaniem.   Usuń formatowanie

  Only 75 emoji are allowed.

×   Twój link będzie automatycznie osadzony.   Wyświetlać jako link

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Wczytywanie...
×
×
  • Utwórz nowe...