jquery droppable propagation problem

[shangl]

hi,

ich habe ein problem mit der jquery drop event propagation...ich habe in meiner anwendung ineinander verschachtelte div's, die alle draggable und droppable sind...wenn ich nur etwas auf eine innere droppable div schiebe und dort loslasse, wird die drop event function nicht nur für das innerste div aufgerufen, sondern auch für alle parent divs...gibt es eine möglichkeit, wie ich das unterbinden kann?

beispielcode:

javascript

  
$(document).ready(function(){  
	  $('div[class*=acceptable]').draggable( {  
		revert: true  
	  
	  });  
	  $('div[class*=accepting]').droppable( {  
		drop:	function(event, ui) {  
					alert($(this).attr('id'));  
				}  
	  
	  });  
		  
  
	});  

html

  
<div class="acceptable accepting" id="sub" style="background-color:red; z-index:10;">  
	sub  
	<div class="acceptable accepting" id="sub1" style="background-color:blue; z-index:11;">  
		sub1  
		<div class="acceptable accepting" id="sub2" style="background-color:green; z-index:12;">  
			sub2  
			<div class="acceptable accepting" id="sub3" style="background-color:brown; z-index:13;">  
				sub3  
			</div>  
		</div>  
	</div>  
</div>