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类。
NOPE 的。我的按钮将跳到右上角

2）将div设置为display：none和/或display：block
NOPE 的。弹出窗口将会关闭但不会重新播放。

所以，我最后的办法是调用“mfp-close”类调用的相同代码。我的问题是我只能找到CSS中定义的mfp-close类，JS中没有。如果我试图“检查”“X”按钮，它不会给我链接任何事件，也不会给任何与其“点击”相关联的JS。

我知道如果没有源代码很难理解，但一般的问题是：在Chrome或Firefox中，当我点击某个元素时，我能找到所有JS代码执行吗？

提前谢谢。

Answer 1

您似乎正在使用Magnific popup jQuery插件，该插件具有 API ，包括$.magnificPopup.close();方法。你应该调用那个方法而不是试图破解类。

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

public class MyPojo{
  @NotNull
  private String field1;
  @Size(min=10)
  private String field2;
  ...
}

JS代码链接到模态弹出窗口上的“关闭”按钮

1 个答案: