Search jQuery

jQuery Forum

using click function and review

in Using jQuery • 8 years ago

Hello all,

I actually got two questions.
it's regarding the website http://www.ontdekjewintersport.nl/resultaten.php

1) I'm building up the content from the database using JSON. Currently for each entry I build up the HTML code via Jquery and append it to the div. Is this the best way to do this or can this be done better/more efficient?

2) in the generated content I have a link that triggers the 'show/hide' function of a div below (html example: http://www.ontdekjewintersport.nl/resultaten_gerb.php). Currently it doesn't work within the generated content. At the moment when clicking the link, it should create and alert, but even that isn't working.
Is it possible to have a JQuery trigger within JQuery generate content?

Hope you can help me on these questions.

With kind regards

Ralf

Replies(1)

callmepc

Re: using click function and review

8 years ago

1) I would have recommend to use jQuery Template ( http://api.jquery.com/category/plugins/templates/ ) but the team has decided to not take this past beta. However it is still available for use and you can later replace with suitable replacement by jQuery team. Or jquery.each should work well enough too.

2) Use jquery .live ( http://api.jquery.com/live/ ) for attaching event handlers to your dynamically generated content. Think of it like this; when you first tried to bind the click event to the link, the link wasn't there. So the click event never got bounded. With jquery.live, the event handler is bound to all element, whether available on page load, or generated later.

Instead of


      $('.my-dynamic-link').click(function(){

$('.some-div').show();

});

Use this


$('.my-dynamic-link').live("click", function(){

$('.some-div').show();

});

Top Reply

Response title

Attachments

jQuery Forum

using click function and review

Replies(1)

Re: using click function and review

Statistics

Tags

Actions