Jquery load function, function on loaded load not working

Question

I have a function where you click on something and then a resizable div toggles with content loaded (.load function).

$("#menucontent").load("loader.php?c=menup");
$("#menucontent").draggable();
$("#menuc").click(function(){
$("#menucontent").toggle(); //
$("#menucontent").resizable();
});

Basically this loads the data from loader.php to the div with id menuc. So far so good.. Data retrieved from loader.php :

echo '<a class="offertezoek" href="#">ZOEK OFFERTE<div style="display:none;" id="offertezoek"><input type="text" id="offertezoek" name="offertezoek">TEST</div></a><br /><br />';

Now the problem comes, I want to create a function for the data loaded. The data gets loaded but the function does not work.

Is this because the page is already ready and Jquery executed all the javascript before the data was in the div offertezoek (got added afterwards with .load("loader.php") ??

NEW FUNCTION :

$(".offertezoek").click(function(){
$("#offertezoek").toggle(); //
});

You can pass a callback to the load function. If a callback is provided, it is executed after post-processing and HTML insertion has been performed. See api.jquery.com/load — svillamayor
– svillamayor, Commented Jul 9, 2013 at 17:53

z1m.in · Accepted Answer · 2013-07-09 17:49:04Z

2

Try this

$(document).on('click', '.offertezoek', function(){
   $("#offertezoek").toggle(); //
});

answered Jul 9, 2013 at 17:49

z1m.in

1,66113 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Mikhail Over a year ago

.live() may work better in case of jquery dynamically loaded content.

r-d-r-b-3 Over a year ago

Thanks, this works great ! Can you explain me why ? Was I thinking in the right direction ?

z1m.in Over a year ago

@Mikhail, live() is deprecated since 1.7

r-d-r-b-3 Over a year ago

Thanks, Mikhail. How do you mean .live instead of .on ? What is the difference. I thought .on function was only for old Jquery versions.

Jason P Over a year ago

@dr3 The opposite- on() is new, .live() is deprecated and shouldn't be used anymore. For why this works, see the jquery api documenation for .on

|

Collectives™ on Stack Overflow

Jquery load function, function on loaded load not working

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related