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
not
var

   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);
    }
});