jQueryのUIのAPI - 要素積み重ね（スタッキング要素）

積み上げまたはページがしばしば課題となっているときに、現実の世界の中に置かれたときのウィジェット（ウィジェット）の前面の他の要素に移動しました。 通常、単に積み重ね要素の変化させることにより、 z-indexページまたは親要素に競合を避けるために。 しかし、jQueryのUIを手動で変更する必要が必要ですz-index一般的なソリューション値を。 これは、することによって行われui-front通常積層体を伴って、完了するために、クラスappendToオプション。

ui-frontクラス、

ui-front 、クラスは非常に基本的なものです。 それが唯一の静的な要素の集合であるz-index値。 しかし、クラスが行くに追加する積層要素の存在を示すために使用されます。 これは、私たちは、DOMは、ほとんどの場合、使用することができ、デフォルトでは場所の内容を生成し、ネストされた使用することができます。

注意：使用している場合ui-front 、あなたが設定しなければならないpositionとしてrelative 、 absoluteまたはfixed適用するために、 z-index 。

スタッキング（技術スタッキング）

ページに要素を積み重ね任意の追加のウィジェットを使用する必要がありますui-front 、クラス、およびほとんどの場合、そこにあるべきであるappendToオプション。 積み重ねられた要素は、次の規則に従う必要があります。

• 値に設定されている場合はappendToオプション要素を指定されたスタック要素に追加されます。
• 場合appendToオプションがに設定されているnull要素（デフォルト）、ウィジェットは、DOMをトラバース開始に関連する必要があります。 自動補完（オートコンプリート）メニューがDOMに追加されたときに、例えば、関連する入力要素から横断し始めました。
  • 1がで発見された場合ui-front要素クラスは、要素に追加。
  • あなたが見つからない場合はui-frontクラスの要素ボディ（ボディ）に追加されます。
• スタッキング要素のpositionに設定する必要がありrelative 、 absoluteまたはfixedから適用するには、 ui-front 、クラスz-index 。 使用.position（）が自動的に設定されますposition 。