Javascript 删除元素,然后再次添加它们
我有一个文档树子树:Javascript 删除元素,然后再次添加它们,javascript,jquery,dom-manipulation,Javascript,Jquery,Dom Manipulation,我有一个文档树子树: <div id="content"> <div class="tile"></div> <div class="tile"></div> <div class="tile"></div> </div> 似乎是在调用remove()之前添加了.tile,这样屏幕上就不会发生任何事情 有人对这种行为有什么解释吗?添加计时器似乎不是一个好的解决方案 谢谢 我不
<div id="content">
<div class="tile"></div>
<div class="tile"></div>
<div class="tile"></div>
</div>
似乎是在调用remove()
之前添加了.tile,这样屏幕上就不会发生任何事情
有人对这种行为有什么解释吗?添加计时器似乎不是一个好的解决方案
谢谢 我不知道你到底是什么意思?不管怎样,看看这个,这是你需要的吗
$(document).ready(function() {
$(".tile").fadeOut( showTileSpeed, function() {
$(this).remove();
tiles[tileIndex]();// function adding .tiles to my #content
$(".tile").first().fadeIn(showTileSpeed, function showNext() {
$(this).next(".tile").fadeIn(showTileSpeed, showNext);
});
});
});
我不知道你到底是什么意思?不管怎样,看看这个,这是你需要的吗
$(document).ready(function() {
$(".tile").fadeOut( showTileSpeed, function() {
$(this).remove();
tiles[tileIndex]();// function adding .tiles to my #content
$(".tile").first().fadeIn(showTileSpeed, function showNext() {
$(this).next(".tile").fadeIn(showTileSpeed, showNext);
});
});
});
$(this.remove()调用淡出后的showTileSpeed
毫秒后调用code>。但是tiles[tileIndex]()
在调用了fadeOut
之后立即被调用
移除所有平铺后,应再次添加平铺。您可以通过将所选元素传递给并在返回的对象上注册回调来实现这一点。完成所有动画后,将调用回调:
var $tiles = $(".tile").fadeOut(showTileSpeed, function() {
$(this).remove();
});
$.when($tiles).done(function() { // <-- after all animations do this
tiles[tileIndex]();
$(".tile").first().fadeIn(showTileSpeed, function showNext() {
$(this).next(".tile").fadeIn(showTileSpeed, showNext);
});
});
但是,如果只想更新元素的内容,则不必从DOM中删除它们。$(this.remove()调用淡出后的showTileSpeed
毫秒后调用code>。但是tiles[tileIndex]()
在调用了fadeOut
之后立即被调用
移除所有平铺后,应再次添加平铺。您可以通过将所选元素传递给并在返回的对象上注册回调来实现这一点。完成所有动画后,将调用回调:
var $tiles = $(".tile").fadeOut(showTileSpeed, function() {
$(this).remove();
});
$.when($tiles).done(function() { // <-- after all animations do this
tiles[tileIndex]();
$(".tile").first().fadeIn(showTileSpeed, function showNext() {
$(this).next(".tile").fadeIn(showTileSpeed, showNext);
});
});
但是,如果只想更新元素的内容,则不必将它们从DOM中删除。tile
没错。问题已编辑。是否可以给我们演示一下?tile
你说得对。问题已编辑。是否可以给我们演示一下?回调中的代码针对每个.tile
元素执行。我认为,例如,tiles[tileIndex]()
不应该执行三次(在这种情况下),只执行一次。@FelixKling:你是对的,而且,我已经尝试过这个解决方案,但是tiles[]()
函数似乎在remove()之前运行
回调中的代码针对每个.tile
元素执行。我认为,例如,tiles[tileIndex]()
不应该执行三次(在这种情况下),只执行一次。@FelixKling:你是对的,而且,我已经尝试过这个解决方案,但是tiles[]()
函数似乎是在remove()
之前运行的,从来没有听说过这些函数。我会尝试一下,让你知道,但它似乎很有希望,谢谢!似乎仅当我在fadeOut()
或remove()
之间进行选择时才起作用。在我的环境中播放代码时,我必须单击两次按钮才能使其正常工作。因为褪色效果只是为了增强,所以我不使用它。谢谢你的帮助!嗯。问题可能是。请删除。它还从元素中删除jQuery数据,这可能是确定动画状态所必需的。尝试$(此操作)。分离()
或删除淡出
回调,并将$平铺。删除()
在传递给的回调中。完成
。从未听说过这些函数。我会尝试一下,让你知道,但它似乎很有希望,谢谢!似乎仅当我在fadeOut()
或remove()
之间进行选择时才起作用。在我的环境中播放代码时,我必须单击两次按钮才能使其正常工作。因为褪色效果只是为了增强,所以我不使用它。谢谢你的帮助!嗯。问题可能是。请删除。它还从元素中删除jQuery数据,这可能是确定动画状态所必需的。尝试$(此操作)。分离()
或移除淡出
回调,并将$平铺放置在传递给的回调内。完成
。