Ошибка строки, вызывающая ошибку jQuery

Question

Я создаю лайтбокс с диалоговом окне jquery ui, и я попытался настроить его так, чтобы при щелчке изображения открывается диалоговое окно с изображением внутри.

$("img").click(function(){ 
    var imgSrc = $(this).attr('src'); 
    var lightBx = '<div class="img-dialog" title="' + imgSrc + '"><p><img src='" + imgSrc + "'></p></div>'; 
    $("body").append(lightBox); 
    $(".img-dialog").dialog("open"); 
}); 
$(".img-dialog").dialog({ 
    autoOpen:false, 
    width:400, 
    height:400 
}); 

Однако я получаю сообщение об ошибке: Uncaught SyntaxError: Unexpected string
Почему это не работает?

Answer 1

сделать

var lightBx = '<div class="img-dialog" title="' + imgSrc + '"><p><img src='" + imgSrc + "'></p></div>'; 

к этому

var lightBx = '<div class="img-dialog" title="' + imgSrc + '"><p><img src="' + imgSrc + '"></p></div>';