[jQuery] Internet explorer (7-8rc1) double event call
Situation:
I have page with fewmages. Each image have two links dedicated to it.
(one to edit and one to delete). Html for images looks like this:
<div class="photo">
<input type="hidden" value="136"/>
<div class="pPhoto">
<div class="pPhotoCover"/>
<img src="path_to_image" alt=""/>
</div>
</div>
<div class="pEdit">
<a class="psEdt" title="Edit photo">edit photo</a>
<br/>
<a class="psDel" title="Remove photo">remove photo</a>
</div>
</div>
Edit/delete function called by this:
$('.psDel').live('click', function()
{
var object = $(this).get();
delScreen(object);
});
$('.psEdt').live('click', function()
{
var object = $(this).get();
top.reload_required = 1;
edit_folio_file(object);
return false;
});
Now in Firefox it work just fine, there;s two hidden divs, each shown
on delete/edit clicks, at's ok.
but in IE I click, for example, on delete, it shows me div (which has
yes/no links), I select yes, and it deletes file, but then show me
same div for a second time. How to stop that to happening? I've tried
to make some wrapper like:
if (top.operation_allowed = 1)
{
delScreen(object);
top.operation_allowed = 0;
setTimeout("drop_operation_resriction()", 1000);
}
function drop_operation_restriction()
{
top.operation_allowed = 1;
}
but no matter - it still shows me div for a second time.
I'm at loss...