Question

我的javascript函数是

$(document).ready(function() {
    $('#popup').jPop({
        type: "img",
        gallery: true,
        onClick: '',
        onClose: ''
    });     
});

<a id="popup" href="data:image/jpeg;base64,${mapo.encodedString}"> 
    <img src...> <img> 
</a>

这里popup适用于第一个标签。

我正在删除旧标记$("#popup").remove();。

然后在我动态添加href标签

之后

$("#old").append(" < a id='popup' href.. >< img tag > < / a >");

此处附加图片后，下次与jquery弹出窗口没有关联。弹出这个动态添加的图片不起作用。添加动态标签没有错误。

有没有解决方案？

Answer 1

在添加新弹出窗口后，您需要再次致电$('#popup').jPop。

可能将jpop创建拆分为新函数

function createPopup(){
    $('#popup').jPop({
      type: "img",
      gallery: true,
      onClick: '',
      onClose: ''
    });   
}

然后您可以在准备好文档时以及在追加新图像之后调用。

$(document).ready(function(){
   createPopup();     
});

$("#old").append(" < a id='popup' href.. >< img tag > < / a >");
createPopup();

我的js弹出窗口无法动态

1 个答案: