[jQuery] IE6 only 'partially' updating html loaded via ajax
I wanted to ask if anybody has a clue
why a function 'updatePageLinks()..
WORKS on all browsers on a standard page load,
BUT DOES NOT WORK (in IE6 only) after an ajax success call
here is the code (simplified to illustrate...):
initial page load:
******************************
$(document).ready(function() {
updatePageLinks();
});
after ajax call:
*******************************************************
success: function (data) {
updatePageLinks();
....etc
**************************************************
updatePageLinks() calls 2 operations..
function updatePageLinks(){
// operation (1)
$('a[href="#top"]').click(function(){
scroll_top();
return false;
});
// operation 2
$('a[rel="paginate"]').click(function(){
ajax_getPage_final('ajax_getPage.php',$
(this).attr("href").split('aid=')[1]);
return false;
});
};
(Both operations work in FF, OPERA and IE6) in standard load (ie
hitting site for first time)
(Both operations (1)(2) work in FF, OPERA) after ajax success event
*
BUT (Only ONE operation (2) works in IE6) - after ajax success event)
in other words IE is not updating on operation (1)
$('a[href="#top"]').click(function(){
scroll_top();
return false;
});
and I am thinking this is a matter of scope but still doe not make
sense, since
<a href="#top">
is INSIDE the loaded html via ajax
pointers appreciated from any gurus out there....
cheers
jsw_nz