Question

我的骨干应用程序显示了一个项目网格，当其中一个项目被点击时，一个“细节”骨干视图被添加到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” - 已经有效）。谢谢

Answer 1

我认为你的想法是一个模态窗口。链接：http://raventools.com/blog/create-a-modal-dialog-using-css-and-javascript/ 和How to make a simple modal window?。

简而言之，模态窗口是您所描述但未命名的 - 一个子窗口遮挡了所有父级视图，必须在父级可以再次与之交互之前解析。

我可能会弄错，但如果我是对的，模态窗口解决方案比其他选项简单得多。

骨干视图不隐藏父视图的事件

1 个答案: