2014-02-13 57 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