Как получить текст с отброшенного <li>? - PullRequest
2 голосов
/ 04 марта 2012

У меня есть скрипт перетаскивания jQuery для перетаскивания элементов списка для ввода. Как мне получить текст между li, чтобы установить входное значение? Я теперь, что $this относится к сбрасываемому элементу.

Мой код ниже:

    <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>

Ответы [ 2 ]

4 голосов
/ 04 марта 2012

Попробуйте:

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

Параметр ui.draggable - это перетаскиваемый элемент, который был отброшен.

Цитирование Jquery-UI :

Все обратные вызовы получают два аргумента: исходное событие браузера и подготовленный объект пользовательского интерфейса, смотрите документацию по этому объекту ниже (если Вы называете свой второй аргумент "UI"):

ui.draggable - текущий перетаскиваемый элемент, объект jQuery. ui.helper - текущий перетаскиваемый помощник, объект jQuery ui.position - текущий положение перетаскиваемого помощника {top:, left:} ui.offset - текущий абсолютная позиция перетаскиваемого помощника {top:, left:}

2 голосов
/ 04 марта 2012

ui.draggable - текущий перетаскиваемый элемент, объект jQuery.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...