04を達成するために、モバイル・テーブルの列

タイトルバーをドラッグして、位置に置くべき場所：行と列が逆になっています。

            }）; //

    
    
    
            拿起
            $（" #callGrid TD " ）.on（" はdragstart " 、関数（E）{   
                
                e.originalEvent.dataTransfer.setData（" obj_add " ）、e.currentTarget.cellIndex;   
            }）; 
            // 放下
            $（" #callGrid TD " ）.on（" ドロップ" 、機能（e）は{   
                e.originalEvent.preventDefault;   
                VAR I = のparseInt（e.originalEvent.dataTransfer.getData（" obj_add "））; // 列目インデックスピックアップ   
                するvar D =  この.cellIndexを; //は列のインデックスに置かれる
                のvar _tさ=  この; 
                $（" #callGrid TR>番目" ）.each（関数（） {
                     VARのJ =  この;
                     IF （j.cellIndex == I）{ 
                        _t.before（J）; 
                        戻り falseに; 
                    } 
                }）; 
                $（" #callGrid TBODY> TR "）.each（関数（）{
                     VARのドラッグ=  "" ; // 拿起的TDの
                    VaRのドロップ=  "" ; // 放下的TDの
                    $（この）.children（）各（関数（）{
                         場合（これ。 cellIndex == I）{ 
                            ドラッグ=  この; 
                        } 
                        もし（この.cellIndex == D）{ 
                            ドロップ=  この; 
                        } 
                    }）; 
                    IF （ドラッグ！= 不定&& ドロップ！= 不定が&& ドラッグ！=  ""  && ドロップ！=  "" ）{ 
                        Drop.before（オレンジ色）; 
                    } 
                }）; 
            }）; 

        }）
    </ スクリプト> 
</ ヘッド> 
< ボディ> 
    タイトルは、式の目形、$（ "＃callGrid TD"）のその後上記JSである場合、これは、列子形抗力機能が達成される
    、$（ "＃callGrid TD"、$（「＃callGrid TD "）を交換（） "#callGrid TR> THが形成することができ、" 
    <テーブルID = "callGrid" アルギン= "センター"   > 
        < TR > 
            < TD ドラッグ= "真" >序号</ TD > 
            < TD ドラッグ= "真" >姓名</ TD > 
            < TD ドラッグ= "真" >年龄</ TD > 
        </ TR > 
        < TR > 
            < TD 名= "ID" > 1 </ TD > 
            < TD名前= "名前" >张三</ TD > 
            < TD 名= "年齢" > 20 </ TD > 
        </ TR > 
    </ テーブル> 
</ ボディ> 
</ HTML >
04を達成するために、モバイル・テーブルの列

おすすめ
