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");

在未来创造新的元素。