Question

I have a bad problem in jquery

I have a link in Div . When click on link the JQuery Function run.
But when i load this Div on other Div the link not working.

How can i fix it?

thanks

This is Div 1

<div id="top_menu">

This is Div 2

<div id="detail_menu">
    <a href="#personal-detail"><div id="personal-detail" class="personal-detail"></div></a>
    <a href="#family-detail"><div id="family-detail"></div></a>
    <a href="#address-detail"><div id="address-detail"></div></a>
    <a href="#account-detail"><div id="account-detail"></div></a>
    </div>

And This is JQuery function.

$(".personal-detail").click(function(){
    fajaxcontent(".user-detail","user-forms.php .users-option");
});

When Div 2 load on Div 1 . The function does not working
I load with this code.

$("Div1").load("Div2");

Answer 1

I don’t completely understand what you’re doing, but it looks to me that, as mentioned, you need to use jquery ‘live’

$(".personal-detail").live('click', function(){
    fajaxcontent(".user-detail","user-forms.php .users-option");
});

I believe this should work, forgive me if I’ve misunderstood the issue.