bPopup中的加载图像

Question

我对文件上传的进度条进行了ajax调用。这个很好用。我试图添加一行，让bPopup打开图像，但我无法让它工作。

这是我的javascript：

ajax.addEventListener("load", completeHandler, false);

function completeHandler(e) {
    var fileDest = e.target.responseText;
    uploadedImg = new Image();
    uploadedImg.src = fileDest;
    _("uploadedImg").src=fileDest; // All above here works
    $('uploadedImg').bPopup();     // This doesn't
    _("progressBar").value = 0;    // This also works
}

在chrome控制台中，我没有从javascript中获得任何错误。我有jQuery1.4.2和bpopup文件正确链接。

HTML：

<img id="uploadedImg" src=""> // 'display:none' in css file

我遵循了本页的说明，http://dinbror.dk/blog/bPopup/#Usage，不能看到我做错了什么。

Answer 1

好的，修复它:)

1. 将<img>放在div中
2. 链接弹出css http://dinbror.dk/bpopup/assets/style.min.css
3. 链接jquery.easing http://dinbror.dk/bpopup/assets/jquery.easing.1.3.js
4. 向$('uploadedImg').bPopup();添加缺失#

Answer 2

调用jquery时出错。

假设您有一个带有id demo的example.In jquery按钮或标记，您应该这样称呼它：$("#demo")这里是这样称呼它的：$('uploadedImg').bPopup();

尝试修复它如下：$('#uploadedImg').bPopup();，然后再试一次