No, the object isn't draggable after calling the unbind-method. So
everything seems to be o.k.
 
But the Drip-Leak Detector
(http://www.outofhanwell.com/ieleak/index.php?title=Main_Page) tells me
something different. After refreshing the page within that program, it shows
that the bound nodes still exist. Hmmm...

-----Original Message-----
From: [email protected] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul Bakaus
Sent: Dienstag, 14. Oktober 2008 11:37
To: [email protected]
Subject: [jquery-ui] Re: Memory Leak in ui.droppables/draggables?


Mh, $("*").unbind() should definitely remove all events. Is the object still
draggable after calling it?


On Wed, Oct 8, 2008 at 2:31 AM, Olsa <[EMAIL PROTECTED]> wrote:



I have a problem with an application where I use draggables/dropples
and replace the draggables via AJAX.

Everytime after replacing or just removing the content, the Tool Drip
tells me that the event bindings of the dom nodes still exist.

I'm not able to remove the event-bindings. Neither with
droppable("destroy") nor with $("*").unbind().

Is there a memory leak or am I doing something wrong?

The Test-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://ui.jquery.com/repository/
<http://ui.jquery.com/repository/latest/jquery-1.2.6.js> 
latest/jquery-1.2.6.js"></script>
<script type="text/javascript" src="http://ui.jquery.com/repository/
<http://ui.jquery.com/repository/latest/ui/ui.core.js> 
latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://ui.jquery.com/repository/
<http://ui.jquery.com/repository/latest/ui/ui.droppable.js> 
latest/ui/ui.droppable.js"></script>
<script type="text/javascript" src="http://ui.jquery.com/repository/
<http://ui.jquery.com/repository/latest/ui/ui.draggable.js> 
latest/ui/ui.draggable.js"></script>
<script type="text/javascript">
$(function(){
       $("#draggable").draggable();
       $("#droppable").droppable({
               accept: "#draggable",
               drop: function(ev, ui) {
                       alert("dropped");
               }
       });
       $("#removeIt").click(function(){
               //$("*").unbind();
               $("#draggable").draggable("destroy");
               $("#droppable").droppable("destroy");
               $("#draggable").remove();
       });
});
</script>

<style type="text/css">
#droppable,
#draggable{
       position:absolute;
       top:100px;
       left:400px;
       width:200px;
       height:200px;
       background-color:#CCFFCC;
       border:1px solid #f00;
}
#draggable{
       z-index:1;
       left:100px;
       background-color:#FFCC66;
}
</style>
</head>

<body>

<a href="#" id="removeIt">Remove Draggable</a>
<div id="draggable">Draggable</div>
<div id="droppable">Droppable</div>

</body>
</html>







-- 
Paul Bakaus
UI Architect
--
http://paulbakaus.com
http://www.linkedin.com/in/paulbakaus






--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to