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错误。我有正确链接的jquery 1.4.2和bpopup文件。

HTML：

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

我已按照此页http://dinbror.dk/blog/bPopup/#Usage上的说明操作，无法看到我做错了什么。

Answer 1

您在调用jquery时出错

假设您有一个按钮或标识为demo的标记。例如，在jquery中，您应该这样称呼它：$("#demo")您在这里调用它：$('uploadedImg').bPopup();

尝试将其修改为：$('#uploadedImg').bPopup();然后重试

Answer 2

好的，修好了:)）

将<img>放入div
已关联的bpopup css http://dinbror.dk/bpopup/assets/style.min.css
已关联jquery.easing http://dinbror.dk/bpopup/assets/jquery.easing.1.3.js
向$('uploadedImg').bPopup();

在bPopup中加载图像

2 个答案: