2014-02-13 59 views
0

我有一个ajax调用文件上传的进度条。这工作正常。我试图添加一行以让bPopup之后打开图像,但我无法使其工作。在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 
} 

我没有得到任何错误,从JavaScript中铬的控制台。我有jquery 1.4.2和bpopup文件正确链接。

HTML:

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

我按照http://dinbror.dk/blog/bPopup/#Usage此页面上的说明,不能看什么,我做错了。

+0

什么是错误您收到? – Sora

+0

我没有收到错误信息,它只是不加载灯箱 – Wildcard27

回答

1

OK,固定它:)

  1. <img>在一个div
  2. 链接bpopup 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();
1

你在呼唤你的jQuery的错误

让我们假设你有一个按钮或ID demo为example.In jQuery的一个标签,你应该这样称呼它:你在呼唤它像这样$("#demo")在这里: $('uploadedImg').bPopup();

尝试修复它是这样的:$('#uploadedImg').bPopup();,然后再试一次

+0

在您发布之前发现了一些其他问题,谢谢! – Wildcard27

+0

不客气 – Sora