JQuery .load function breaks other jQuery functions

Question

function LoadModal(page, title) {
    title = title || '';

    $( "#modal_page" ).fadeIn("slow");
    $( "#modal_title" ).html(title);

    $("#modal_page_body").html('<h2 align="center">Loading...</h3><p align="center"><i class="fa fa-refresh fa-spin fa-5x"></i></p>'); //$('#LoadingDiv').show();
    $("#modal_page_body").load(page, function(){

    });
    $("html, body").animate({ scrollTop: 0 }, "slow");
}

i have the above function in JQuery and i call it with this code:

<a href="#" onClick="LoadModal('/section/helpdesk/newticket', 'New Ticket');" title="New Ticket"><i class="fa fa-ticket"></i></a>

Its working how i want it and the page is loading into the modal which is displaying fine.

However, when I close the Modal $("#modal_page").fadeOut("slow") any JQuery code on the main index.php page is not running. For example, I have a .toggle but that does not work. If i refresh the page, it then works fine until i open and close this modal again

I guess you have called jQuery lib file in your pop up page. So it's replacing the whole jQuery. Then after its gone jQuery has nothing. So, try removing jQuery from there. If not fixed then some code from that page will be helpful for us. — Tᴀʀᴇǫ Mᴀʜᴍᴏᴏᴅ
– Tᴀʀᴇǫ Mᴀʜᴍᴏᴏᴅ, Commented Dec 16, 2015 at 23:33
I think what you need to do is have the content in the modal refreshed while it's hidden. I have had a similar problem and this seemed to fix it stackoverflow.com/questions/26863003/… — justincron
– justincron, Commented Dec 16, 2015 at 23:57

Tᴀʀᴇǫ Mᴀʜᴍᴏᴏᴅ · Accepted Answer · 2015-12-16 23:46:21Z

1

I think you have called jQuery lib file in your pop up page. So it's replacing the whole jQuery. Then after its gone jQuery has nothing. So, try removing jQuery from there.

answered Dec 16, 2015 at 23:46

Tᴀʀᴇǫ Mᴀʜᴍᴏᴏᴅ

4,2261 gold badge27 silver badges55 bronze badges

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

Collectives™ on Stack Overflow

JQuery .load function breaks other jQuery functions

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related