Блог

Главная - Вопросы по программированию - Как получить HTML-код элемента en и добавить в элемент td

Как получить HTML-код элемента en и добавить в элемент td

#drag-and-drop

#перетаскивание

Вопрос:

Я использую jquery для выполнения перетаскивания. Я могу выполнять перетаскивание. Мой перетаскиваемый элемент — это изображение. Теперь я хочу показать это изображение на цели, которая является ячейкой таблицы (td). Как это сделать?

 $(".emptyimg").draggable();
$("#tdcell").droppable({
  drop: function(event, ui ) {$(ui.draggable).??;}

});

Спасибо

Ответ №1:

Проверьте следующий код:

     <style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
<script>
    $(function () {
        $("#draggable").draggable();
    });
</script>



<div class="demo">
<script type="text/javascript"
        src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript"
        src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
<div id="draggable" class="ui-widget-content" style="cursor:move">
    <p>Drag me around</p>
</div>

</div><!-- End demo -->