Невозможно присвоить значение null переменной jQuery

Question

здесь после того, как я присвоил переменной «img» значение null в слайд-модуле и вызвал «click on imageGallery» значение img «undefined», почему это так?

$(".imageGallery").click(function(){ 
    console.log(img+"first"); 
    var img = $(this).attr("src"); //image source 
    console.log(img+"second"); 
    var num = $(this).attr("alt"); //image name 
    $('#popup').slideDown("600",function(){ 
     $(this).html("<div> <p>"+num+"</p> </div> <img src="+img+">"); 
     $("#popup p").addClass("popupName");    
     $("#popup img").addClass("popupImg"); 
     $("#popup div").addClass("popupNameBg"); 
    }) 
    $('#popup').click(function(){   
     $('#popup').slideUp("500"); 
     img = null; 
     console.log(img+"third"); 
     return false; 
    })  
}) 

Answer 1

Вы должны указать img, прежде чем устанавливать его. Конечно, это будет неопределенным, так как это hoisted variables work.

console.log(img+"first"); <--- reading variable before you set the value, it will be undefined 
var img = $(this).attr("src"); <-- /set variable value 
console.log(img+"second"); <-- will have new value 

Ваш код на самом деле это:

var img; 
console.log(img+"first"); 
img = $(this).attr("src"); 
console.log(img+"second"); 

Установка в нуль не означает ничего, т.к. на каждый клик вы в новой «рамки» и определить новую переменную. Поэтому, когда вы нажимаете всплывающее окно, оно устанавливает значение img равным null, проблема в том, что вы не используете эту переменную снова.

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