拖放选择插件

时间:2012-07-17 15:25:54

标签: javascript jquery select drag-and-drop

我正在使用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 />')
            })

1 个答案:

答案 0 :(得分:0)

也许函数wrapAll()正是你要找的,而不是包装。