JS代碼鏈接到模式彈出窗口上的“關閉”按鈕

Question

不幸的是，我無法發布有效的代碼/示例，因為它是巨大的HTML模板的一部分，並且我無法僅提取有趣的部分:(抱歉。

無論如何，我有這樣定義的彈出窗口：

<a id='bookShopping' class="popup-text" href="#book-shopping-dialog"></a>
<div id="book-shopping-dialog" class="mfp-dialog mfp-hide">
    random popup text...
    <button>Close the popup!!!</button>
</div>

我打電話給

<a onclick="document.getElementById('bookShopping').click(); return false;" >PopUp!</a>

彈出窗口本身在右上角有一個“ X”關閉按鈕，定義為

<button class="mfp-close">X</button>

我希望“隨機文本”中的“我的按鈕”也能夠關閉彈出窗口。 我試過了：

1）給我的按鈕mfp-close類。
沒有 。 我的按鈕將跳到右上角

2）將div設置為display：none和/或display：block
沒有 。 彈出窗口將關閉，但它將永遠不會再出現。

因此，我的最后選擇是調用“ mfp-close”類正在調用的相同代碼。 我的問題是我只能在CSS中找到mfp-close類，而在JS中卻找不到。 如果我嘗試“檢查”“ X”按鈕，它將不會給我鏈接到它的任何事件，也不會給與它的“單擊”關聯的任何JS。

我知道沒有源代碼很難理解，但是普遍的問題是：在Chrome或Firefox中，單擊元素時可以在哪里找到執行的所有JS代碼？

先感謝您。

Answer 1

您似乎正在使用Magnific彈出式jQuery插件，該插件的API包含close()方法。 您應該調用該方法，而不要嘗試使用類。

http://dimsemenov.com/plugins/magnific-popup/documentation.html

$.magnificPopup.close();