jQuery - 在添加更多代码后，preventDefault停止工作

Question

我正在使用图片库。当我点击一张照片时，我不想发生任何事情。我使用此代码来完成＆gt;＆gt;＆gt;

$('#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");

将来创建新元素。