[jQuery] $.ajaxStart bind on a unique element
Hi!
I have this:
---------------------------------------------
$(".submit_textarea").livequery("click", function(e){
e.preventDefault();
if($(this).attr("href") == "#save")
{
var savencancel = $(this).parent();
var textarea = $
(this).parents(".imagencap").children("textarea");
var caption = textarea.val();
var idimage = textarea.attr("id");
idimage_array = idimage.split("-");
var maindiv = $(this).parents(".imagencap");
$.ajax({
type: "POST",
url: "galleries.php",
data: "a=jchange-
caption&id="+idimage_array[1]+"&caption="+caption,
success: function(data){
textarea.hide("slow", function(){
$(this).remove();
});
savencancel.remove();
maindiv.append("<p id="+idimage+">"+data+"");
}
});
}
[ect...]
------------------------------------------
and i would to show an image (the loader) only attached to the element
that have sended the ajax request (which have a unique id).
If i do
-------
$(".imagencap")
.ajaxStart(function(){
....
})
------
It will binds to all the element on the page...
Any help?
Thanks!