相关疑难解决方法(0)

背景

我正在尝试使用jQuery UI Draggable和Droppable组件将<div>元素拖放到<input>。目前，我必须将插入符号放置在希望文本出现的位置，然后将其拖放<div>到中<input>。

题

我不确定100％是否可以这样做，但是我想做的是在插入<div>的文本之间拖动插入符时自动更新其位置<input>。

jsFiddle示例在这里...

的CSS

.draggable
{
    width: 250px;
    height: 20px;
    background-color: #e6eaff;
    border: 2px solid #3399cc;
    margin-bottom: 1em;
    padding: 4px;
    cursor: default;
}

.active
{
    border: 2px solid #6699ff;
}

#droppable
{
    font-size: 14pt;
    width: 400px;
}

#droppableHolder
{
    margin-top: 5em;
}

？

的HTML

<div class="draggable">Text 1</div>
<div class="draggable">Text 2</div>
<div class="draggable">Text 3</div>
<div class="draggable">Text 4</div>
<div id="droppableHolder">
    Drop in the text box below:<br …