jquery - 可排序和可删除 : CSS preventing jquery-ui sortable to drag around the dropped items

标签 jquery jquery-ui jquery-ui-droppable jquery-ui-sortable

从此question得到答案后,我遇到了另一个问题 - 我怎样才能再次拖动放置的项目?

我已将放置的项目的 css 设置为,

.dropped-items li {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 120px !important;
        height: auto !important;
        border: 1px solid black !important;
    }

但这将阻止 jquery-ui sortable 在放置的项目周围拖动。

我能做什么?

jsfiffle .

最佳答案

您可以通过不使用您指定的 css 而是在附加元素后“覆盖”由 jQuery 设置的内联样式来获得您想要的结果:

container.children().last().css({ position: 'relative', top: '', left: '' });

这是updated fiddle

关于jquery - 可排序和可删除 : CSS preventing jquery-ui sortable to drag around the dropped items,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13871428/

相关文章:

jquery - 在遵循 Heroku 关于如何直接上传到 aws s3 的教程之后,无法将 ActionDispatch::Http::UploadedFile 转换为字符串

javascript - jQuery UI Slider change 和 slide 事件报告不同的结果

javascript - jQuery Accordion ()不工作

javascript - 防止 ui-ressized 句柄自动触发溢出滚动条

javascript - 仅突出显示悬停或放置到的可放置项

jquery - 如何将单个字母链接到单词?

Jquery UI 可删除 "not accepted"事件

javascript - 从 Iframe 获取值到 mainPage

jQuery 表单登录检查没有重定向,密码和登录返回空白

javascript - 在 Javascript/jQuery 中,如果我将代码压缩到 "one-liners"中,渲染性能会有所不同吗?