Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery UI可排序占位符未显示在块列表中_Javascript_Jquery_Jquery Ui_Jquery Ui Sortable - Fatal编程技术网

Javascript Jquery UI可排序占位符未显示在块列表中

Javascript Jquery UI可排序占位符未显示在块列表中,javascript,jquery,jquery-ui,jquery-ui-sortable,Javascript,Jquery,Jquery Ui,Jquery Ui Sortable,我在ul中有几个项目显示为内联块。我可以使用jQueryUI的sortable对它们进行排序,但是占位符没有显示出来 $(文档).ready(函数(){ $(“#可排序列表”)。可排序({ 他说:对,, 不透明度:0.6, 卷轴:没错, 包含:'父', 占位符:“占位符”, 公差:“指针” }).disableSelection(); }); .sequencer{ 高度:110px; 宽度:600px; 溢出y:隐藏; 溢出x:隐藏; } .定序器ul{ 空白:nowrap; 溢出-x:滚动

我在ul中有几个项目显示为内联块。我可以使用jQueryUI的sortable对它们进行排序,但是占位符没有显示出来

$(文档).ready(函数(){
$(“#可排序列表”)。可排序({
他说:对,,
不透明度:0.6,
卷轴:没错,
包含:'父',
占位符:“占位符”,
公差:“指针”
}).disableSelection();
});
.sequencer{
高度:110px;
宽度:600px;
溢出y:隐藏;
溢出x:隐藏;
}
.定序器ul{
空白:nowrap;
溢出-x:滚动;
溢出y:隐藏;
}
李先生{
显示:内联块;
右边填充:10px;
左侧填充:10px;
文本对齐:居中;
}
.音序器img{
显示:块;
高度:50px;
}
.占位符{
背景:#f3;
能见度:可见;
}

  • 抹布1
  • 抹布2
  • 碎布3
  • 破烂
  • 抹布5

如果您将
高度
宽度
设置为该占位符,则占位符将可见


用代码检查JSFIDLE:

将高度、宽度和不透明度添加到占位符中,这样就可以正常工作了

,因为要拖动的项目没有明确的高度,所以应该使用该选项

如果为true,则强制占位符具有大小

无需手动指定占位符的尺寸

$(文档).ready(函数(){
$(“#可排序列表”)。可排序({
他说:对,,
不透明度:0.6,
卷轴:没错,
包含:'父',
占位符:“占位符”,
公差:“指针”,
强制占位符大小:true//