2

私のバックボーンアプリケーションはアイテムのグリッドを表示します。アイテムの1つがクリックされると、「詳細」バックボーンビューがDOMに追加されます（グリッド'div'の直後）。

「詳細」ビューは「シャドウ」ですべてを非表示にし、css変換で親グリッドビューを変換し、その中のdivに詳細を表示します。

次のように、cssクラスですべてを非表示にします。

.itemDetails {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    padding-top: 140px;
}

私が書いたものの結果は「ライトボックス」と呼ばれていると思います。非常にうまく機能しますが、問題は、シャドウの背後にあるグリッドアイテムの一部（ほとんどはグリッドの後半にあるアイテム）をクリックできることです。「this.undelegateEvents（）;」を使用する必要があります ？私が考えていない他のことはありますか？

基本的に、親ビューを「フリーズ」（ホバー効果が機能しないようにするため）したいだけです（「x」をクリックするまで-すでに機能しています）。ありがとう

4

1 に答える 1

1

あなたが考えているのはモーダルウィンドウだと思います。リンク： http： //raventools.com/blog/create-a-modal-dialog-using-css-and-javascript/ および単純なモーダルウィンドウを作成する方法は？。

要するに、モーダルウィンドウはあなたが説明したものですが、名前は付けられていません-すべての親を視界から隠す子ウィンドウであり、親が再び対話できるようになる前に解決する必要があります。

私は間違っているかもしれませんが、私が正しければ、モーダルウィンドウソリューションは他のいくつかのオプションよりもはるかに簡単です。

于 2012-12-13T02:06:14.933 に答える