我正在使用this插件来选择网站上的文字。
到目前为止,我的代码看起来像这样:
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 />')
})