Javascript 如何删除.append()然后添加.append()
这是为了显示诊断页面的检查。我有一个.append(not_ok),但是当swf文件100%加载时,我想删除not_ok append,然后添加一个.append(ok) .append(不确定)将被删除,但.append(确定)不会替换它。我试过了Javascript 如何删除.append()然后添加.append(),javascript,swfobject,Javascript,Swfobject,这是为了显示诊断页面的检查。我有一个.append(not_ok),但是当swf文件100%加载时,我想删除not_ok append,然后添加一个.append(ok) .append(不确定)将被删除,但.append(确定)不会替换它。我试过了 .replaceWith(ok),但这似乎也不起作用。通常使用jQuery时,您可以通过将两者保留在页面上的同一位置来实现这一点jQuery(notOkSelector.hide()和jQuery(OKSelector).show() 隐藏使对象显
.replaceWith(ok),但这似乎也不起作用。通常使用jQuery时,您可以通过将两者保留在页面上的同一位置来实现这一点<代码>jQuery(notOkSelector.hide()代码>和
jQuery(OKSelector).show()代码>
隐藏使对象显示:无,而显示则相反
编辑:只要对象已经在DOM中(默认情况下,显示:无;
)
要显示未加载的,
:
$(".FlashLoaded").hide(); // it doesn't hurt to hide an already hidden object.
var notLoaded = $(".FlashNotLoaded");
notLoaded.css( 'color', 'red' );
notLoaded.show();
要隐藏未加载的并显示ok
:
$(".FlashNotLoaded").hide();
var flashLoaded = $(".FlashLoaded");
flashLoaded.show();
flashLoaded.css( 'color', 'green' );
编辑包括上述代码:您的代码可能如下所示
function callbackfunk(e){
$(".FlashLoaded").hide();
$(".FlashNotLoaded").css("color", "red").show();
var timer = setInterval(function(){
if(e.ref.PercentLoaded() === 100){
$(".FlashNotLoaded").hide();
$(".FlashLoaded").css("color", "green").show();
clearInterval(timer);
}
}, 1000);
}
这条线
$(".FlashLoaded").remove();
从DOM中删除元素,因此下面的行不能向DOM追加任何内容
$(".FlashLoaded").css("color", "green").append(ok);
我想您想删除ok
。是否附加新的HTML标记?如果是这样,您可以使用jQueryreplacewith()
,它将现有元素替换为新元素。+1因为实际上,隐藏和显示比删除和附加更好。修改DOM树结构是一项代价高昂的操作。我同意.show()
/.hide()
是实现所需行为的正确方法。我尝试了以下方法:$(“.flashnotload”).css(“color”,“red”).append(不确定)$(“.FlashLoaded”).css(“颜色”、“绿色”).append(确定).hide();然后在if(percentloaded()){$(“.FlashNotOk”).hide();$(“.FlashOk”).show();}中,但此时我丢失了它们。我不确定这个的语法是否正确。@user1985037请参阅上面的编辑。当然,您可以将它们链接起来,而不是将它们存储到变量中……谢谢!我真的很感谢你的帮助!:)
$(".FlashLoaded").css("color", "green").append(ok);