jQuery UI 拖放在 Chrome 中放置/可排序放置在空的地方
我正在使用 jQuery UI 可排序函数。
Javascript
$('#sortablelist).sortable{
update: function(ev, ui){...},
placeholder: "ui-state-highlight",
connectWith: ".ui-sortable"
}
默认情况下，dropOnEmpty = true 所以我没有设置它。
因为列表是空的，但我想在空列表中给它一个“占位符”目标，所以我为 sortablelist div 提供了一个额外的辅助类来提供空的 #sortablelist
HTML
<div id="sortablelist" class="ui-sortable ui-sortable-helper"></div>
CSS
.ui-sortable-helpclass {
height: 100px;
width: 100%;
}
这适用于Firefox，IE，Safari，但是占位符将不会出现（因此 Google Chrome 中没有可进入的区域
有什么想法吗？
I'm using jQuery UI Sortable function.
Javascript
$('#sortablelist).sortable{
update: function(ev, ui){...},
placeholder: "ui-state-highlight",
connectWith: ".ui-sortable"
}
By default, dropOnEmpty = true so I don't set it.
Because the list is empty, but I want to give it a 'placeholder' target in the empty list, I have given the sortablelist div an additional helper class to give the empty #sortablelist some 'surface area' to drop-into so to speak (so that you get a placeholder when you drag an element over the attached list)
HTML
<div id="sortablelist" class="ui-sortable ui-sortable-helper"></div>
CSS
.ui-sortable-helpclass {
height: 100px;
width: 100%;
}
This works in Firefox, IE, Safari, but the placeholders will not appear (thus no area to drop to in Google Chrome
Any thoughts?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我能够解决这个问题的唯一方法是向列表添加填充。
您可能不需要 !important，我需要它来覆盖一些我无法追踪的更高优先级的填充。
The only way I was able to solve this was by adding padding to the list.
You might not need the !important, I needed it to override some higher priority padding that I couldn't track down.