Loading the page dynamically using jquery load

Question

I am loading the five php page using jquery load method when clicking the tab dynamically. But some of the jquery functions(datepicker) are working only when the page is getting loaded(ie globel refresh). If i go to another tab and return back means which is not working.

Actually i have added the datepicker control in some of my php pages. The datepicker works only when the page is loaded initially. After that it doesnt work nor throw an issue. I thought the $('selector').load() is the cause for this issue.

Can anyone help.

Load this "datepicker" when you complete your ajax request. Because page only load this for once, you need to check every time. — mithataydogmus
– mithataydogmus, Commented Oct 23, 2013 at 11:05

Jonathan · Accepted Answer · 2013-10-23 11:04:16Z

1

Try to initialise the datepicker in the callback function:

$( "selector" ).load( "yourpage.html", function() {
    //init datepicker
});

answered Oct 23, 2013 at 11:04

Jonathan

7738 silver badges22 bronze badges

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

Comments

Jacques Snyman · Accepted Answer · 2013-10-23 11:05:52Z

0

I'm just taking a shot in the dark here as you've not given us much code to work with.

Add a callback to your load function to reinitialize the datepicker.

$('selector').load('yoururl', function()
{
    $('.datepicker').datepicker();
});

If that doesn't work, please add some code to your question.

answered Oct 23, 2013 at 11:05

Jacques Snyman

4,3702 gold badges32 silver badges51 bronze badges

1 Comment

Innovative Thinker Over a year ago

but i got "Uncaught TypeError: Object [object Object] has no method 'datepicker'" error. need to add the jquery-ui.js and jquery-ui.css again.

Fahad Ajmal · Accepted Answer · 2013-10-23 11:06:26Z

0

Yes that is because maybe you are not initializing it again. Every time you use (.load) you have to re-initialize the datepicker library. Hope that works for you.

answered Oct 23, 2013 at 11:06

Fahad Ajmal

1,5301 gold badge12 silver badges15 bronze badges

Collectives™ on Stack Overflow

Loading the page dynamically using jquery load

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related