Goedeavond,

ik ben een website voor een vriend aan het aanpassen.
Het is een 1 pagina website. Echter worden er wel pagina's in geladen. Voor de foto's wil ik dat de pagina content.php dynamisch wordt geladen middels de ajax functie.
Deze functie werkt alleen niet dynamisch de pagina wordt namelijk toch opnieuw geladen.
Wat moet ik veranderen zodat het ajax gedeelte wel wordt geladen en niet de gehele pagina.

voorbeeld staat hier online klik hier

stukje jquery

var klikevent = function() {
	//$("a").click(function() {
	var imgid = $(this).find("img").attr('alt');
	var imggid = imgid;
	var imgides = escape(imgid)

	var string = imgides;
		$.ajax({
   		type: "GET",
   		url: "ajax/content.php",
		//data: string,
   		data: {var1: string, var2: imggid },
		//data: { string, test: imggid },
   		cache: false,
		dataType: "html",
		success: function(data){
			$(".content").html(data);
		}
	
	});
	
}
opgelost

bij mijn link heb it het volgende vervangen

<a href="#">

door

<a href="javascript:void(0)">
@arend b,

Dat zou niet moeten uitmaken, maar als ik het zo goed leest, dan had je nog beter dit kunnen doen:

onclick="klikevent()"


En var klikevent = function() is niet perse nodig, want het kan net zo goed function klikevent () zijn.

Reageren