我有一个jQuery UI可排序小部件的问题.我根本无法将任何物品放在空容器上.当容器有一个项目时,它完美地工作.我像这样调用小部件:
$(".apc_row--columns", this.$el).sortable({
placeholder: 'apc_drop-placeholder-blocked',
forcePlaceholderSize: true,
items: '.apc_inner_item',
connectWith: ".apc_column--content",
tolerance: "pointer",
handle: '.move_handle',
helper: "clone",
dropOnEmpty: true,
distance: 0.5,
stop: function(event, ui){
that.droppedItem(ui.item, ui.item.index());
}
});
搜索发现连接列表/容器需要填充/最小高度,因此jQuery可以正确计算位置.
但连接的div".apc_column - content"具有最小高度和填充.我还测试了在容器上放置"display:none"的项目,但这没有帮助.
我只是无法让它工作(测试所有浏览器),真的很感激任何帮助!
谢谢.
编辑:为问题做了一个jsfiddle:http://jsfiddle.net/Sf5QW/1/
如果将所有项目从左侧列表移动到右侧(或其他方式),则无法将任何项目移动到空列表中.
我想创建像themepicker这样的东西.我用LESS.css.
LESS.css有一个包含主要颜色的变量:
@colorOne: #222;
@colorTwo: #fff;
@darkGradientStart: lighten(@colorOne, 10%);
@darkGradientStop: lighten(@colorOne, 5%);
@lightGradientStart: @colorTwo;
@lightradientStop: darken(@colorTwo, 7%);
如果标签具有如下颜色类,我想更改它们:
<body class='theme-blue'>
然后我在我的less.css中写了这个(在默认变量之后)
.theme-blue{
@colorOne: blue;
}
但它仍然使用默认#222.它没有被覆盖.
我怎么解决这个问题？
谢谢