Question

我拖放了jQuery脚本，用于将列表项拖到输入中。如何在li之间设置文本以设置输入值？我现在$this指的是droppable元素。

我的代码如下：

    <script type"text/javascript">
        $(function() {
            $( ".draggable" ).draggable({
                revert: "valid"
            });
            $( ".droppable" ).droppable({
                drop: function( event, ui ) {
                $( this )
                    .find( "input" )
                    .val( "?" )
                }
            });
        });
    </script>
</head>
<body>
<div class="left">
    <ul>
        <li class="draggable">one</li>
        <li class="draggable">two</li>
        <li class="draggable">three</li>
        <li class="draggable">four</li>
    </ul>
</div>
<div class="right">
    <form>
        <div class="droppable">First <input class="droppable" type="text" name="first" value="" /></div>
        <div class="droppable">Second <input class="droppable" type="text" name="second" value="" /></div>
        <div class="droppable">Third <input class="droppable" type="text" name="third" value="" /></div>
        <div class="droppable">Fourth <input class="droppable" type="text" name="fourth" value="" /></div>
    </form>
</div>

Answer 1

尝试：

function( event, ui ) {
           $( this )
               .find( "input" )
               .val( $(ui.draggable).text() )
           }
}

ui.draggable param是已被删除的可拖动元素。

Quoting Jquery-UI：

所有回调都会收到两个参数：原始浏览器事件和a   准备好ui对象，查看下面的对象文档（如果   你将第二个参数'ui'命名为：

ui.draggable - 当前的draggable元素，一个jQuery对象。 ui.helper -   当前可拖动的助手，jQuery对象 ui.position - 当前   可拖动助手的位置{top：，left：} ui.offset - 当前   可拖动助手的绝对位置{top：，left：}

Answer 2

ui.draggable - 当前可拖动元素，一个jQuery对象。

如何从<li>？</li>中删除文本

2 个答案: