jQuery - preventDefault перестает работать после добавления кода

Question

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

$('#imageGallery a').click(function(event){ 
event.preventDefault();  }); 

, но вдруг, если я добавляю эту верхнюю строчку ....

var $overlay = $("<div id = "overlay"></div>"); 

$('#imageGallery a').click(function(event){ 
    event.preventDefault();  
    }); 

... Мой код больше не работает и фото, которое я нажимаю, переходит на другую страницу. Есть ли что-то, чего я не делаю, или это может быть проблема с браузером?

Answer 1

Лучше разрешить jQuery создавать HTML-элементы для вас. У вас были опечатки в том, что вы пробовали, что привело к искажению кода. Вот некоторые методы создания элемента, которые находятся в порядке убывания предрасположенности человек-ошибки:

Попытка с помощью

var $overlay = $("<div id = 'overlay'></div>"); 

или

var $overlay = $("<div id = \"overlay\"></div>"); 

или

var $overlay = $("<div/>", {id: "overlay"}); 

или

var $overlay = $('<div/>').attr("id", "overlay"); 

для создания новых элементов в будущем.