javascript - 我的 JS/jQuery 创建 div 时遇到困难

Question

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

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

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

谢谢！

score 3 · Accepted Answer

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

您可能也想缓存这些选择器......而不是一遍又一遍地使用 $("#postIt-" + id) ，只需执行以下操作：

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

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

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

score 0 · Accepted Answer

好像

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

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

也许创建一个名为“id”的全局变量并设置为 0。

那么您的点击功能可能如下所示：

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

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

然后在函数结束时：

id++;

这样每次添加新帖子时，css 只会应用于最新的帖子。

score 0 · Accepted Answer

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

我使用 :last 的 jquery 选择器并将其应用于 draggble 类。一探究竟。

3 回答 3