Question

我正在制作一个小网站应用程序，只是为了学习JavaScript和jQuery，因为我被告知这将是一个很好的练习项目，所以我在这里有一些错误，并且不知道如何解决它们。我是StackOverflow的新手 - 我更多地使用它作为参考。

问题： - 当添加多个post-it时它会弄乱div ..

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

谢谢！

Answer 1

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

您可能也希望缓存这些选择器...而不是一遍又一遍地使用$（“＃postIt-”+ id），只需执行：

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

您也可以在一个方法中传递所有css，如下所示：

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

Answer 2

看起来像

$("#header").append("<div id='urlPost'

可能会导致问题？附加具有相同ID的多个项目通常并不好。每个postit都需要一个唯一的标识符。

可能会创建一个名为“id”的全局变量并设置为0。

然后您的点击功能可能如下所示：

$("#header").append("<div id='urlPost" + id + "' class='etc'");

$("#urlPost"+id).css("width",wh);

然后在函数结束时：

id++;

这种方式每次添加新帖子时，css仅适用于最新的帖子。

Answer 3

嘿，只是回答你的问题.. 我只使用jquery做了一个解决方案。这可能是另一个你不需要声明var的解决方案。这是.. http://jsfiddle.net/vwPDr/

我用过：jquery的最后一个选择器，并将它应用于draggble类。看看吧。