0

我有一个用于文件上传的进度条的 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上的说明进行操作，但看不到我做错了什么。

4

2 回答 2

1

好的，修好了：）

  1. 放入<img>一个div
  2. 链接的 bpopup csshttp://dinbror.dk/bpopup/assets/style.min.css
  3. 链接 jquery.easinghttp://dinbror.dk/bpopup/assets/jquery.easing.1.3.js
  4. 将缺少的 # 添加到$('uploadedImg').bPopup();
于 2014-02-13T11:08:03.860 回答
1

您在调用 jquery 时出错

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

尝试将其修复为这样：$('#uploadedImg').bPopup(); 然后再试一次

于 2014-02-13T11:05:20.597 回答