问题标签 [jquery-after]

我非常精通编码，但时不时地遇到一些似乎做基本相同事情的代码。我的主要问题是，你为什么要使用.append()而不是.after()或反之亦然？

我一直在寻找，似乎无法找到两者之间差异的明确定义，以及何时使用它们以及何时不使用它们。

一个比另一个有什么好处，为什么我要使用一个而不是另一个？有人可以向我解释一下吗？

我正在尝试创建一个连续循环的 jQuery 轮播。当用户选择“旋转”时，使用 .after() 方法将第一个 li 放置在最后一个 li 之后。这只适用于第一次。在那之后，李氏就不会重新安排自己了。这是我的 HTML：

这是我的 JavaScript：

这是一个小提琴：http: //jsfiddle.net/brianeoneill/76BP8/

提前致谢！

请看一下：http: //jsfiddle.net/s6VdW/

HTML：

JS：

预期结果是：

HTML 的预期结果是：

错误是什么？根据 jQuery Docs ( http://api.jquery.com/after/ ) 它应该是可能的：

.after()也适用于断开连接的 DOM 节点。

和

即使在将其插入文档之前，也可以进一步操作该集合。

更新

看来，我需要先将第一个跨度附加到 DOM，然后再使用.after(). 但是有什么选择呢？如果我无法访问 DOM，例如因为我处于代码的 DOM 未知部分？http://jsfiddle.net/s6VdW/10/

更新 2

我可以创建一个“临时” div，将元素附加到其中。然后我返回那个 div 的孩子。演示： http: //jsfiddle.net/s6VdW/13/ - 这看起来像要走的路吗？

这是代码：

当我单击“上传”元素时，它会触发click和change事件，并提醒“aa”和“upload_3”。然后<input type="file" name="upload_3" id="upload_3"/>在 HTML 中的“上传”元素之后添加它。但是当我单击新添加的元素（“upload_3”元素）时，click甚至change没有触发。

在整个周末都打开浏览器窗口后，我今天早上带着一个软管的 IE 来到办公室。我正在做一个每 30 秒更新一次的“统计”仪表板栏。

返回是一个 html 字符串，作为一个完整的 xcontents

我将它附加到 DOM，在我的“真实”div #ajaxreturn 之后，它实际上包含了其他东西。我希望它出现在它之后。

如果存在，请将其从 dom 中删除。将结果附加到 dom。

我的假设是这会破坏或将其发送到垃圾收集器。但似乎并非如此。我每 30 秒向我的 IE 会话添加大约 15KB。

除了 remove() 之外，我还应该使用其他东西吗？

<div class="move">I was moved to the parent.</div>在下面的代码中，当我单击 时，如何移动我单击的元素的父元素之后Add New。

我一切都好，但我不能做我需要把它移到after()父母身上的部分。

你能帮忙吗？

我在这里有一些代码：

html:

Javascript：

其实我也用过JQuery 2.0.2。

第一次点击成功。然而，许多hello world随着增长速度的进展先显示后hello world显示。例如：

为什么第一个<p>hello world</p>没有被新的替换？

它不应该只显示一个 p 标签吗？

我的 html 表格如下

我的 jquery 脚本如下。

一个按钮<input type='button' value='Add' id='addButton2'>，当单击该按钮时，html 页面的相同副本将附加到 html 页面中的 div 中。Thera 是html 页面中带有 idfrom-input 和 jquery 函数的输入字段。通过在每次点击$('#from-input').multiDatesPicker();时附加 id 从输入更改。counter生成的值类似于 from-input2、from-input3、from-input4 等。它是日期选择器。日期选择器在 onclick 生成的附加表中不起作用。任何帮助将不胜感激。谢谢

我有一个<ul>包含许多<li>元素的元素。其中一些是隐藏的，并在单击 jQuery 时添加到列表的末尾after()。

但是，由于某种原因，添加的元素after()总是有点过于接近它们之后添加的元素。

我做了一个jsbin来演示这里

另外，截图解释一下：

使用after()而不是简单addClass或show的原因是因为列表依赖于应用样式li:nth-child(even)，所以如果元素在那里，但只是隐藏，它会导致列表样式出现问题。

我有一个非常奇怪的错误，似乎是竞争条件使width();调用产生不同的结果。

调用后我有这个jQuery：

我在其中将 html 插入 DOM。

接下来我需要知道一个元素与类的组合宽度，menuItemColums并使它们的父 div 具有该宽度。

此标记存在于变量 中selectionMarkup。

为此，我执行以下操作：

这在大约 70% 的情况下完全按预期工作，但有时我对某些元素的测量结果是错误的，或者至少可以肯定第一个元素有时是错误的。

奇怪的是对象似乎是正确的，它的属性是正确的宽度，但widht()分配给的给定w是不正确的：

该图像，只是为了澄清显示了日志记录的结​​果，w并且$(this)应该是相同的，因为$(this)的 width 属性似乎是正确的。

我一直在调试，发现了两件事导致人们相信这是竞争条件：

如果我再次执行我发布给你的最后一段代码，当错误被重现时，它会解决问题。

如果我进行以下调用，会给我不同的结果，一个不正确，另一个（第二个）正确：

我的印象是代码的第二部分在第一部分完成之前不会执行，这里给出了什么？

注意：我不能 100% 确定比赛条件是我正在寻找的词，但我的想法仍然是这样。

更新：

作为@WereWolf-TheAlpha，控制台的输出看起来不像jquery对象，我现在无法重现它，我只得到这个：

无需更改任何代码。