javascript - 我的 JS/jQuery 创建 div 有困难

Question

我正在制作一个小的 post it web 应用程序，只是为了学习 JavaScript 和 jQuery，因为有人告诉我这将是一个很好的实践元素，所以我在这里遇到了一些错误并且不知道如何修复它们。我是 StackOverflow 的新手——我更多地将它用作引用。

这是代码: http://pastebin.com/raw.php?i=67i5HwY5

问题: - 当添加多个便利贴时，它会弄乱 div..

我知道如何修复它，我只是 jQuery 和 JS 的新手，所以我不知道如何应用它们。如果你们能帮助我，那就太好了。

谢谢!

http://jsfiddle.net/mitchbregs/fYTFV/5/

Answer 1

给你:http://jsfiddle.net/mattblancarte/fYTFV/12/

您基本上需要为每个便利贴添加一个唯一标识符。 :) 在这种情况下，我只是增加了您正在使用的 ID，然后在您每次制作新的便利贴时增加 ID。

你可能也想缓存那些选择器...与其一遍又一遍地使用 $("#postIt-"+ id)，不如这样做:

var postit = $("#postIt-" + id);
postit.css();

您还可以在一种方法中传递所有的 css，如下所示:

postit.css({
  'background' : 'blue',
  'height' : '100px',
  //etc.
});