Hallo,
Ik heb een probleem met het benaderen van html elementen die gegenereerd zijn door een javascriptje.
Het gaat om een soort van gridje met thumbnails. Als ik over een thumbnail beweeg met de muis moet de tekst in een bepaalde div veranderen.
Zowel de code voor de thumbnail als de code voor de bepaalde div wordt door het javascript gegenereerd.
Via reguliere benadering mbv JQuery $(".thumbClass") en $("#bepaalde_div") werkt het iig niet. Als ik JQuery .live() of .on() gebruik krijg ik al meer resultaat, maar nog niet voldoende.
Onderstaande codes werken bijvoorbeeld wel, maar ik bereik er m'n doel nog niet mee. De tekst van de thumbnails wordt veranderd in "testtekst" als ik over de betreffende thumbnail heenga met de mouspointer.
live() methode (verouderd, dus die gebruik ik liever niet):
[JS]
$(".thumbClass").live("mouseenter", function(){
$(this).text("testtekst");
})
[/JS]
on() methode:
[JS]
$("body").on("mouseenter", ".thumbClass", function(){
$(this).text("testtekst");
})
[/JS]
Ik wil alleen de tekst van de div met id "#bepaalde_div" vervangen, niet die van de thumbnail zelf.
Onderstaande code werkt bijvoorbeeld niet, omdat ik "#bepaalde_div" niet kan bereiken om dezelfde reden waarom ik hier .on() gebruik om ".thumbClass" te bereiken.
[JS]
$("body").on("mouseenter", ".thumbClass", function(){
$("#bepaalde_div").text("testtekst");
})
[/JS]
Ik heb het ook al geprobeerd met customEvent/trigger, maar ook daarmee kwam ik niet dichter bij m'n doel.
Alle ideeen over hoe ik dit kan aanpakken zijn van harte welkom.
Alvast bedankt!
mvg
Tim
Ik heb een probleem met het benaderen van html elementen die gegenereerd zijn door een javascriptje.
Het gaat om een soort van gridje met thumbnails. Als ik over een thumbnail beweeg met de muis moet de tekst in een bepaalde div veranderen.
Zowel de code voor de thumbnail als de code voor de bepaalde div wordt door het javascript gegenereerd.
Via reguliere benadering mbv JQuery $(".thumbClass") en $("#bepaalde_div") werkt het iig niet. Als ik JQuery .live() of .on() gebruik krijg ik al meer resultaat, maar nog niet voldoende.
Onderstaande codes werken bijvoorbeeld wel, maar ik bereik er m'n doel nog niet mee. De tekst van de thumbnails wordt veranderd in "testtekst" als ik over de betreffende thumbnail heenga met de mouspointer.
live() methode (verouderd, dus die gebruik ik liever niet):
[JS]
$(".thumbClass").live("mouseenter", function(){
$(this).text("testtekst");
})
[/JS]
on() methode:
[JS]
$("body").on("mouseenter", ".thumbClass", function(){
$(this).text("testtekst");
})
[/JS]
Ik wil alleen de tekst van de div met id "#bepaalde_div" vervangen, niet die van de thumbnail zelf.
Onderstaande code werkt bijvoorbeeld niet, omdat ik "#bepaalde_div" niet kan bereiken om dezelfde reden waarom ik hier .on() gebruik om ".thumbClass" te bereiken.
[JS]
$("body").on("mouseenter", ".thumbClass", function(){
$("#bepaalde_div").text("testtekst");
})
[/JS]
Ik heb het ook al geprobeerd met customEvent/trigger, maar ook daarmee kwam ik niet dichter bij m'n doel.
Alle ideeen over hoe ik dit kan aanpakken zijn van harte welkom.
Alvast bedankt!
mvg
Tim
