Question

我需要有关fancybox v3和多个实例的帮助。我有一个AJAX呼叫，如果呼叫成功，则需要显示两个带有信息的花式框。现在，我可以显示到花式框，但关闭后会创建一个新的相同可见DIV。你理解吗？我包括问题的屏幕截图。谢谢

关闭花式框后：

在花式框之前的HTML：

我的代码是：#notification，与#popup相关的都是在html中定义的。加载后，我必须添加打开的类（显示：block！important）。没有这个，它不会显示div #popuprelated。我尝试在afterclose中添加removeclass等，但是没有成功。

yourLayout.addWidget(yourWidget, 0, Qt.Alignment())  # Python
yourLayout->addWidget(yourWidget, 0, {});           // C++

Answer 1

对不起，我完全无法理解您的问题。

“我需要显示两个带有信息的fancybox”-您对“两个fancybox”了解什么？您是否真的创建了两个实例，例如两次执行$ .fancybox.open（something）？

“关闭后将创建一个新的相同可见DIV。” -fancybox不会在页面上创建任何新元素。如果显示现有的dom元素（例如，嵌入式元素），则fancybox会将其移至所需位置，然后在关闭后放回原处。

src : '#notification, #popup-related'-fancybox不能同时显示多个元素，您必须将这些元素包装到某些包装中并显示出来。

编辑：另一种选择是将您的内容显示为“ html”，例如：

$.fancybox.open({ 
    src: $('#notification').clone().append( $('#popup-related').clone().show() ), 
    type: 'html'
});