gpt4 book ai didi

jQuery UI 可排序项目在开始时跳转

转载 作者:行者123 更新时间:2023-11-30 23:43:16 25 4
gpt4 key购买 nike

大家好,我有一个关于 jQuery 可排序的奇怪问题,我不知道如何解决。

我在这里创建了一个 fiddle :http://jsfiddle.net/44LgX/

我的js代码:

jQuery( document ).ready( function() {

$( '.v-content-container' ).sortable({
placeholder : 'v-column-placeholder',
start : function( e, ui ){
ui.placeholder.width( ui.item.width() );
ui.placeholder.height( ui.item.height() );
}
});

});

基本上,每行由两列组成,可在该单行内排序。为什么是3行?仅出于演示目的,计数并不重要。

现在,您可以通过尝试将第二列拖动到第一个位置来演示该问题。您会注意到,开始拖动后,元素会立即从指针跳到屏幕的左下角。

现在,我做了一些挖掘,看来我并不是唯一遇到这个问题的人。建议的解决方案是使用 helper:clone 作为可排序参数,但这不符合我的需求,我也想解决我原来的问题,而不是绕过它。

欢迎任何帮助或见解,谢谢!

最佳答案

这更像是一个开始的地方,因为我必须去参加一个 session 。

当我去掉你所有的CSS时,就没有问题了。 fiddle with bare bones css

但是,它看起来像废话。如何找到有问题的CSS?我进行二分查找。去掉一半的 css,仍然有问题 --> 不,添加剩余缺失 css 的 1/2 --> 是,删除 1/2 加载的 css。重复直到您接近有问题的线路。

我正在寻找有问题的 css atm,但如果你比我先找到它,请随意发布你自己的答案。到目前为止,由于这些行,出现了“单击移动项目”问题。 :

.v-row-fluid .v-span12 {
width: 100%;
*width: 99.94680851063829%;
}

.v-row-fluid .v-span11 {
width: 91.48936170212765%;
*width: 91.43617021276594%;
}

.v-row-fluid .v-span10 {
width: 82.97872340425532%;
*width: 82.92553191489361%;
}

.v-row-fluid .v-span9 {
width: 74.46808510638297%;
*width: 74.41489361702126%;
}

.v-row-fluid .v-span8 {
width: 65.95744680851064%;
*width: 65.90425531914893%;
}

.v-row-fluid .v-span7 {
width: 57.44680851063829%;
*width: 57.39361702127659%;
}

.v-row-fluid .v-span6 {
width: 48.93617021276595%;
*width: 48.88297872340425%;
}

.v-row-fluid .v-span5 {
width: 40.42553191489362%;
*width: 40.37234042553192%;
}

.v-row-fluid .v-span4 {
width: 31.914893617021278%;
*width: 31.861702127659576%;
}

.v-row-fluid .v-span3 {
width: 23.404255319148934%;
*width: 23.351063829787233%;
}

.v-row-fluid .v-span2 {
width: 14.893617021276595%;
*width: 14.840425531914894%;
}

.v-row-fluid .v-span1 {
width: 6.382978723404255%;
*width: 6.329787234042553%;
}

关于jQuery UI 可排序项目在开始时跳转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16593236/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com