Question

我太过于文盲了解这一点。我有一个全屏iframe充当模态，在内容div中有一个关闭按钮;现在我想将相同的关闭函数应用于后台，而不包括内容div。我目前在关闭按钮div上调用内联函数，如下所示：

{
    (!isLoading && venue.id) ?
        <React.Fragment>
            <section className="venue">
                <ImageList venueDetail={venue}/>
            </section>
            <div className="sidebar-wrapper">
                <Sidebar type="tips" venueDetail={venue}/>
            </div>
        </React.Fragment> : <Loader/>
}

我可以将相同的函数应用于背景div，但是内容div上的所有内容都会关闭模态。

据我所知，我必须使用stopPropagation，但我不知道在何处/如何包含它。

编辑：这里有更多背景信息。我想将#closeButton中的相同关闭函数应用于#wrapper，而不会影响#content。感谢

Answer 1

<div id="closeButton" onClick="function(e){e.preventDefault();
    parent.$.fancybox.close();}">

关闭父窗口/停止传播

1 个答案: