[jQuery] $(e.target) & $('#id'), IE got problem
I'm building one ajax paginator. Cosider the following conditions:
Common snippert:
$(document).ready( function(){
var opts = { url : '/vstock/query',
target : '#id-vstock-query-result',
success : paginator_hook
};
var form_id = '#id-vstock-query-form';
$(form_id).ajaxForm(opts);
$(form_id).ajaxSubmit(opts);
<<< Difference >>>
});
It works in Firefox and Opera, failed in IE, when <<<difference>> is:
function paginator_hook(){
$('div.paginator a.ajaxpage').click( function(e){
$.ajax(
{
url : $(this).attr('href'),
type : 'GET',
success : function(data){ $
(this).parents('div.paginator').html(data); paginator_hook(); }
});
return false;
});
};
and when <<<difference>>> is :
function paginator_hook(){
$('div.paginator a.ajaxpage').click( function(e){
$.get($(e.target).attr('href'), function(data) { $
(e.target).parents('div.paginator').html(data); paginator_hook(); });
return false;
});
};
To make it work in IE, I have to replaced "e.target" with the id
"#next-page" in $(e.target).parents(...) like this:
function paginator_hook(){
$('div.paginator a.ajaxpage').click( function(e){
$.get($(e.target).attr('href'), function(data) { $('#next-
page').parents('div.paginator').html(data); paginator_hook(); });
return false;
});
};
So what's going wrong with the $(e.target) selector? How can I make it
work with the event obj but not the id?
Best regards!
can