Javascript 附加后FadeIn不工作
我已经用这种方式添加了一个表结构:Javascript 附加后FadeIn不工作,javascript,jquery,html,dom,fade,Javascript,Jquery,Html,Dom,Fade,我已经用这种方式添加了一个表结构: var table = $('<table></table>'); table.append($('<tr>').append($('<td>') .addClass('col2 linhaSub') .append($('<span>') .to
var table = $('<table></table>');
table.append($('<tr>').append($('<td>')
.addClass('col2 linhaSub')
.append($('<span>')
.toggleClass('alterado', modelo.ListaRegistros[3][0].Efeito)//returns true or false
.text(modelo.ListaRegistros[3][0].ID))
))
输入IF后,不会应用淡入效果,如果我添加.fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300).fadeIn(300)
当我添加span
时,它就像一个符咒。我不能这样做,因为它是有条件的,而且它适用于许多跨度
我做错了什么让这个fadeIn以我尝试的方式正常工作
IF返回true,因为我调试并检查了它
谢谢您似乎错过了结尾处的一个结束语
)
。此外,var
notvar
var table = $('<table></table>');
table.append($('<tr>').append($('<td>')
.addClass('col2 linhaSub')
.append($('<span>')
.toggleClass('alterado', modelo.ListaRegistros[3][0].Efeito)
.text(modelo.ListaRegistros[3][0].ID))
))
var表=$('');
表.append($('').append($('')
.addClass('col2 linhaSub')
.append($('')
.toggleClass('alterado',modelo.ListaRegistros[3][0].Efeito)
.text(modelo.ListaRegistros[3][0].ID))
))
考虑到@Bellash在编写问题时指出的问题是打字错误,您的代码工作正常:
正如您所指出的,modelo.ListaRegistros[3][0].Efeito
正在返回true
:这意味着它应该工作并通过if语句
问题可能是您正在使用
表
变量做什么,以及何时。确保在要求跨距淡入后追加创建的表。看看我是如何在前面提到的小提琴中做到这一点的:
var table = $('<table></table>');
table.append(
$('<tr>').append(
$('<td>').addClass('col2 linhaSub').append(
$('<span>').toggleClass('alterado', true).text("test")
)
)
);
$("body").append(table);
$("span").each(function(i) {
if (this.className === "alterado") {
$(this).fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300);
}
});
var表=$('');
表1.1追加(
$('')。追加(
$('').addClass('col2 linhaSub').append(
$('').toggleClass('alterado',true).text(“测试”)
)
)
);
$(“正文”)。附加(表格);
$(“span”)。每个(功能(i){
if(this.className==“alterado”){
$(this.fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300);
}
});
为什么不直接使用$('.alterado').fadeIn…@xd6_u已经尝试过了,但没有成功。。没有褪色…这是个打字错误…我会改正的。无论如何,我在firefox中调试并返回true,通过它什么也不做发现了我的错误。淡入淡出后,我正在做“$(“body”).html(table)”。如果我把它放在前面,效果会很好。。我会更新我的问题,这样你就可以更新你的答案以保持好的信息可用。我会相应地更新我的答案。请验证它是否正确解决了您的问题,或者需要进一步调查。
var table = $('<table></table>');
table.append(
$('<tr>').append(
$('<td>').addClass('col2 linhaSub').append(
$('<span>').toggleClass('alterado', true).text("test")
)
)
);
$("body").append(table);
$("span").each(function(i) {
if (this.className === "alterado") {
$(this).fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300);
}
});