通过jQuery启用拖放

时间:2011-08-04 16:49:55

标签: jquery drag-and-drop

我有一个li元素列表,我需要允许拖放到WordPress内容编辑器中,这是一个启用了tinyMCE的textarea,id =“content”

有人可以给我一个涉及jQuery代码的大纲吗?

这是我想要启用/拖放到内容编辑器中的列表和单个项目。我只希望复制每个li元素的innerText。

<ul class="keywords">
    <li class="dragDrop" id="seo-kw-1">keyword one</li>
    <li class="dragDrop" id="seo-kw-2">keyword two</li>
    <li class="dragDrop" id="seo-kw-3">keyword three</li>
</ul>

这是每个关键字项目的放弃目标。

<div id='editorcontainer'>
    <textarea rows='10' class='theEditor' cols='40' name='content' id='content'>drop content here</textarea>
</div>

2 个答案:

答案 0 :(得分:1)

你有没有检查过jQuery UI droppable: http://jqueryui.com/demos/droppable/

答案 1 :(得分:0)