I have tried unbinding the click event, but it fires sometimes twice sometimes 5 times!! Getting a bit fed up now!
Code from modal.asp
$("input[name=add_associate]").live("click",function(){
var addassociateID = $(this).attr("id")
$.ajax({
type: 'POST',
url: '/data/watchlist_save.asp',
data: {m : 'share_watchlist_add', watchListID : <%=WatchListID%>, a : addassociateID},
async:true,
success: function(data) {
$(".associate_users").load("/data/sub_watch_members.asp?watchListID=<%=WatchListID%>",
{cache:false},function() {
$(".search_note").html(data)
$(this).unbind('click').bind('click',handler);
})
},
error: function(data){
$(".search_note").html(data)
}
});
})
UPDATE:
Basically I am calling the following code into .associate_users
<div id="associate_list">
<div class="associate_record">
<div class="left" style="padding:8px;"><img src="../imgs/nopic-m.png" style="width:30px;height:30px;" class="img_border" /></div>
<div class="left" style="padding-top:15px;">5)Neil Burton</div>
<div class="right" style="padding-top:10px;margin-right:5px;"><input type="button" class="btn-blue" name="add_associate" id="890" value="Add"></div>
<div style="clear:both;"></div>
</div>
<div style="clear:both;"></div>
</div>
FURTHER INFORMATION:
This only happens when I fire the event, close the modal dialog then re-open it with a different watchListID
THE STRUCTURE OF DATA:
- main.asp: LOADS >
- modal.asp: modal.asp contains the jquery from above + two divs on this page with panel1.asp and panel2.asp data…
- panel1.asp: Contains the HTML above…
- panel2.asp: Contains nothing related… just pure HTML.
I have resolved this issue now, I was using
in the loaded ajax content along with…
So I presume it was doubling up the “live” function!
Thank you so much for the responses.