滾動時不希望的拖動

Question

我一直在使用JQuery UI ui.Draggable。 而當我滾動該段時，div在與其父元素同時拖動。 任何人都可以幫助我如何臨時禁用拖動滾動？

<div class="note"> 
     <p> 
     Lorem Ipsum is simply dummy text of the printing 
     and typesetting industry. Lorem Ipsum has been the 
     industry's standard dummy text ever since the 1500s, 
     when an unknown printer took a galley of type and 
     scrambled it to make a type specimen book. It has 
     survived not only five centuries, but also the leap 
     into electronic typesetting, remaining essentially 
     unchanged. It was popularised in the 1960s with the 
     release of Letraset sheets containing Lorem Ipsum passages, 
     and more recently with desktop publishing software like Aldus 
     PageMaker including versions of Lorem Ipsum. 
     </p> 
</div> 



$(function(){ 
      var str = "div.note"; 
      var el = $(str); 
      var er = $(str+' p'); 
      $this = er; 

      el.draggable().resizable(); 

      el.bind('resize', function(){ 
      var node = $(this); 
      var size = Math.pow(node.width(),2) + Math.pow(node.height(),2); 
      size = Math.sqrt(size); 
      node.css({'font-size':(size/2)+'%', 'padding':(size/24)+'px'}); 
      });  
}); 

問候

Answer 1

你可以設置一個手柄：

http://jqueryui.com/demos/draggable/#option-handle

... 

    el.draggable({handle: 'p'}).resizable(); 

... 

這裏的jsfiddle：http://jsfiddle.net/s65UR/2/