javascript - Backbone View 不隐藏父 View 的事件

Question

我的 Backbone 应用程序显示了一个项目网格，当其中一个项目被点击时，一个“细节” Backbone View 被添加到 DOM(就在网格“div”之后)。

“细节” View 用“阴影”隐藏所有内容，用 css 变换转换父 GridView ，并在其中的 div 中显示细节。

我用 css 类隐藏所有内容，就像这样:

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

我认为我写的结果叫做“lightbox”。它工作得很好，但问题是，我仍然可以点击阴影后面的一些网格项目(主要是网格后面的那些)。我应该使用“this.undelegateEvents();”吗？ ？还有其他我没有考虑过的事情吗？

基本上，我只想“卡住”(也因此悬停效果不起作用)父 View (直到单击“x”——这已经起作用了)。谢谢

Answer 1

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

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

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