拖放選擇插件

Question

我使用這個插件來選擇網站的文字內容：

Drag drop plugin

我的代碼看起來像這樣至今：

jQuery(function($){ 
      $(document) 
      .drag("start",function(ev, dd){ 
       return $('<div class="selection" />') 
       .css('opacity', .65) 
       .appendTo(document.body); 
      }) 
      .drag(function(ev, dd){ 
       $(dd.proxy).css({ 
        top: Math.min(ev.pageY, dd.startY), 
        left: Math.min(ev.pageX, dd.startX), 
        height: Math.abs(ev.pageY - dd.startY), 
        width: Math.abs(ev.pageX - dd.startX) 
       }); 
      }) 
      .drag("end",function(ev, dd){ 
       $(dd.proxy).remove(); 
      }); 
      $('article p, h1, h2, h3, h4, h5, h6, ol, ul') 
      .drop(function(ev, dd){ 
       $(this).wrap('<div />') 
      }) 
      $.drop({ multi: true });  
     }); 

什麼我想實現是將所有選定的元素包裝在<div>上。現在它將每個元素包裝到單獨的div中。 下面的代碼片段，負責此：

.drop(function(ev, dd){ 
       $(this).wrap('<div />') 
      }) 

Answer 1

也許功能wrapAll()是你要找的是什麼，而不是包裝。