Question

我在下面的一些JS中有2个小问题，涉及模式和克隆/附加图像：

单击按钮可打开模态，模态包含一个搜索栏，其中用图像填充内容。单击图像后，将其克隆并附加到另一个div（主页上模态之外）中，并关闭了模态。

完成一次后，单击按钮不再再次打开模态。如何更改以使图像的添加关闭模式，但可以重新打开它？同样，将图像添加到新的div后，如果单击它，它也会消失。有没有一种方法可以只添加不带class标签的图像源，以便在新的div中单击它不会使其消失？

+---------+-----+
| Company | Cnt |
+---------+-----+
| c1      |   1 |
| c2      |   2 |
| c3      |   0 |
+---------+-----+

Answer 1

主要问题似乎是您正在使用Jquery的hide()消息（将在元素上设置display:none;）隐藏整个模式，而不是调用模式的hide()消息。可以在here上看到的在Git存储库中也提到过。

解决方案是像这样调用适当的hide方法：

var modal = UIkit.modal("#image-modal");
modal.hide();

代替

$('#image-modal').hide();

关于另一个问题：在将点击处理程序附加到#holdImage占位符之前，先删除附加了点击处理程序的类：

var img = $(this).closest(".getImage").children("img").clone(true);
img.removeClass("FillInClassNameHere");
$("#holdImage").html('');
$("#holdImage").append(img);

由于我没有它的类名，因此您需要在代码中用正确的类名更改FillInClassNameHere。

Javascript使模态隐藏

1 个答案: