删除 jQuery-UI“可排序”页面另一个元素上的项目

发布于 2024-12-03 03:45:24 字数 205 浏览 1 评论 0原文

我有一个 jQuery-UI“可排序”的项目列表。我想从页面其他地方的列表中删除一个元素。

具体来说,它是一个CMS。我可以使用 jQuery.ui.sortable 重新排序内容项。我想拖动&将这些项目之一的元素拖放到页面其他位置的“回收站”链接上。

当我将可拖动元素放在页面的特定元素上时,如何执行特定操作?如何获取我掉落的物品?

谢谢

I have a jQuery-UI "sortable" list of items. I want to drop an element from this list elsewhere on the page.

To be specific, it's a CMS. I can reorder content items with jQuery.ui.sortable. I want to drag & drop an element one of those items on the "recycle bin" link, elsewhere on the page.

How can I execute a specific action when I drop a draggable element on a specific element of the page ? How can I get the item on wich I have dropped an item ?

Thanks

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

守不住的情 2024-12-10 03:45:24

我也有类似的情况,但我为我的回收站设置了一个

并将其设为一个连接列表。这是我的脚本:

$('#rubbishBin').sortable({
    placeholder: 'deletingPlaceholder',
    update: function (event, ui) {
        ui.item.hide();
        // Do what you need to to delete the item from the database
    }
});
$('#itemContainer').sortable({
    opacity: 0.6,
    cursor: 'move',
    revert: true,
    delay: 250,
    tolerance: 'intersect',
    placeholder: 'draggingPlaceholder',
    connectWith: '#rubbishBin'
});

I have a similar situation, but I've setup a <div> for my recycle bin and have made it a connected list. Here is my script:

$('#rubbishBin').sortable({
    placeholder: 'deletingPlaceholder',
    update: function (event, ui) {
        ui.item.hide();
        // Do what you need to to delete the item from the database
    }
});
$('#itemContainer').sortable({
    opacity: 0.6,
    cursor: 'move',
    revert: true,
    delay: 250,
    tolerance: 'intersect',
    placeholder: 'draggingPlaceholder',
    connectWith: '#rubbishBin'
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文