1

カスタムの会社階層を構築しており、会社チャートで Div のランクを「昇格」できるようにする必要があります。各 div 内のスパンとしてトリガーをネストしています。クリック イベントは、親 div を見つけて前の div と交換するように設定されています。問題は次のとおりです。

  1. この後、ドキュメント内のノードの順序を「リセット」して、その後のスワップがロード時に存在した順序ではなく、新しい順序から外れるようにする必要があります。

  2. スワップアップした div がグループ内のどこにあるかを調べる必要があります。シリーズの最初の場合は、アップ ボタンを含むスパンを非表示にします。このロジックで何かを想像します：

    if(event.srcElement.parent().prev() = Null { 
    event.srcElement.parent().hide() 
}; else { 
    return false;
};

構文が間違っていることはわかっていますが、js は初めてなので、正しい方向に向けてください。

これは私が現在使用しているコードです。現状では、3 つの要素の順序を 1,2,3 から 2,1,3 にスワップすると、3 のスワップをクリックすると、それより前の 1 に切り替わりますが、2 にスワップされます。ページロード時に先行する要素。

<script type="text/javascript">

$(document).ready(function() {  

    $(".go-swap").click(function() {  
        $(this).parent().parent().prev().swap({  
            target: (this).parentNode.parentNode.id, 
            opacity: "0.5", 
            speed: 1000, 
            callback: function() { 
            event.srcElement.parent().hide()
            } 
        });  
    });  
});  
</script>

<div class="known" id="A101">
    Contact 1
    <span class="plus">
        <a href="javascript://" class="go-swap"><img src="images/uparrow.gif" border="0" /></a>
    </span>
 </div>
 <div class="known" id="A102">
    Contact 2
    <span class="plus">
        <a href="javascript://" class="go-swap"><img src="images/uparrow.gif" border="0" /></a>
    </span>
 </div>
 <div class="known" id="A103">
    Contact 3
    <span class="plus">
        <a href="javascript://" class="go-swap"><img src="images/uparrow.gif" border="0" /></a>
    </span>
 </div>
4

1 に答える 1

0

ここにあなたのオプションがあります

1) サーバー側コード + データベース:

組織全体に「新しい構造」を表示させたい場合は、データベースとサーバー側のコードを使用する必要があります。クライアント側の JavaScript で実際のファイルを編集することはできません。

2) ローカルストレージ:

それを使用するだけの場合は、ローカル ストレージにデータを保存し、ページを読み込むたびに構造にアクセスできます。

于 2012-11-26T01:48:45.913 に答える