5

皆さん、解決方法がわからないjQueryソート可能の奇妙な問題があります。

ここでフィドルを作成しました: 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() );
    }
});

});

基本的に、各行は、その単一行内でソート可能な 2 つの列で構成されます。なんで3列？デモ目的のためだけに、カウントは重要ではありません。

これで、2 番目の列を最初の位置にドラッグして、問題のデモを行うことができます。ドラッグを開始した直後に、要素がポインターから画面の左下部分にジャンプすることに気付くでしょう。

さて、私は掘り下げましたが、この問題を抱えているのは私だけではないようです. 提案された解決策は、 helper: clone をソート可能なパラメーターとして使用することでしたが、それは私のニーズに合わず、元の問題を回避するのではなく解決したいと考えています。

どんな助けや洞察も歓迎します、ありがとう!

4

2 に答える 2

1

zoomそしてscale/これをscale3d引き起こします。この質問を参照してください。

理由 ？jQuery-ui は、ドラッグ オフセットにスケール値を考慮しません。

于 2013-10-23T10:54:14.893 に答える
1

私は会議に出かけなければならないので、これはむしろ始める場所です。

すべてのCSSを取り除くと、問題はありません。 必要最小限のCSSをいじる

しかし、それはがらくたのように見えます。問題のあるCSSを見つける方法は? 私は二分探索に行きます。css の半分を削除しますが、まだ問題があります --> いいえ、残りの不足している css の 1/2 を追加します --> はい、読み込まれた css の 1/2 を削除します。問題のある行に近づくまで繰り返します。

私は問題のある 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%;
}
于 2013-05-16T17:22:21.880 に答える