Загрузить изображение в 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 
} 

Я не получаю ошибки из JavaScript в консоли в хроме. У меня jquery 1.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. Linked bpopup CSS http://dinbror.dk/bpopup/assets/style.min.css
3. Linked jquery.easing http://dinbror.dk/bpopup/assets/jquery.easing.1.3.js
4. Добавлен недостающий # для $('uploadedImg').bPopup();

Answer 2

у Вас есть ошибка в вызове вашего JQuery

скажем, у вас есть кнопка или тег с идентификатором demo для example.In JQuery вы должны назвать это так: $("#demo") здесь вы вызываете это следующим образом: $('uploadedImg').bPopup();

пытаются это исправить, чтобы быть похожим на это: $('#uploadedImg').bPopup(); и попробуйте еще раз