$(document).ready wont work in pages loaded via AJAX, try something like
this:
<script...> document.ready(...
$('button').click(
$('#load_div').load(..some url.,function(response) {
//..whatever you need to be done after the load
});
});
</script>
On 2/11/07, Ritesh Agrawal <[EMAIL PROTECTED]> wrote:
Hi,
I am new to JQuery. I have tried few ajax features of jquery and they all
work beautifully on firefox. But when I try them on IE7, they fail. The
problem is with ajax and jquery. I load a div using ajax "load" function.
The contents of the div also include some new jquery script to controller
the behaviour of new dom elements. However, the document.ready() never
gets fired up after the ajax div is loaded.
here is example of what I am saying
Origial Page
<head>
<script...>
document.ready(...
$('button').click(
$('#load_div').load(..some url.);
});
</script>
</head>
<body>
.....
<div id='load_div'></div>
</body>
After Ajax
<head>
<script...>
document.ready(...
$('button').click(
$('#load_div').load(..some url.);
});
</script>
</head>
<body>
.....
<div id='load_div'>
<script..>
document.ready(){.....});
</script>
<select>
</div>
</body>
I saw a similar issue on the mailing list and wasn't clear with the
response. Can someone provide me a code example.
Regards,
Ritesh
--
------------------------------------
Even a clock that does not work is right twice a day.
~Polish Proverb
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
