如何获取en元素的html并添加到td元素

发布于 2024-11-02 23:46:54 字数 229 浏览 1 评论 0原文

我正在使用 jquery 进行拖放。我能够进行拖放操作。我拖动的元素是图像。现在，我想在目标上显示这个图像，它是一个表格单元格（td）。如何做到这一点？

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

});

谢谢

原文

I am using jquery to do drag and drop. I am able to do drag and drop. My dragged element is an image. Now, I want to show this image on target which is a table cell(td). How to do this?

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

});

thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

沫雨熙 2024-11-09 23:46:54

检查以下代码：

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

Check the following code:

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

回复收藏 0 原文

~没有更多了~