文章/答案/技术大牛

发布

社区首页 >问答首页 >如何从丢弃的<li>中获取文本？

问如何从丢弃的<li>中获取文本？
EN

Stack Overflow用户

提问于 2012-03-04 18:52:34

回答 2查看 5K关注 0票数 2

我有拖拽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>

jquery

jquery-ui

drag-and-drop

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-03-04 19:04:16

尝试：

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

ui.draggable参数是已被拖放的可拖动元素。

Quoting Jquery-UI

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

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

票数 4

Stack Overflow用户

发布于 2012-03-04 19:06:04

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9554286

复制

相似问题

问如何从丢弃的<li>中获取文本？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从丢弃的<li>中获取文本？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从丢弃的<li>中获取文本？
EN