Jquery 在.text之后调用函数

Jquery 在.text之后调用函数,jquery,text,append,fadein,Jquery,Text,Append,Fadein,在添加文本后调用函数以使#line2 fadeIn效果良好时遇到问题。如果运行此代码,则.append之后的所有内容都将打印为文本,包括第二个嵌套函数 $(“#行2”)。追加(“”){ $(“#line2”).text(“SOMETEXT”).fadeIn({ 不透明度:1 }, 1500); }); 试试这个: $("#line2").append("<div id='normal-text'></div>"); $("#line2").text("SOMETEXT")

在添加文本后调用函数以使#line2 fadeIn效果良好时遇到问题。如果运行此代码,则.append之后的所有内容都将打印为文本,包括第二个嵌套函数

$(“#行2”)。追加(“”){
$(“#line2”).text(“SOMETEXT”).fadeIn({
不透明度:1
}, 1500);
});
试试这个:

$("#line2").append("<div id='normal-text'></div>");
$("#line2").text("SOMETEXT").fadeIn({opacity: 1}, 1500);
$(“#行2”)。追加(“”);
$(“#line2”).text(“SOMETEXT”).fadeIn({opacity:1},1500);


.fadeIn()函数将自动将不透明度属性设置为1,您只需设置持续时间。

您的语法不正确,无法写入

$(“#行2”)。追加(…){…})

JavaScript中不允许使用粗体部分

现在,如果您有以下HTML:

<div>
    <div id="normal-text">TEXT</div>
    <div id="line2"></div>
</div>

$("#line2").text("SOMETEXT").fadeIn(4000);
<div>
    <div id="normal-text">TEXT</div>
    <div id="line2"></div>
</div>
$("#line2").append("<div id='normal-text'></div>");
<div>
    <div id="normal-text">TEXT</div>
    <div id="line2">
        <div id="normal-text">TEXT</div>
    </div>
</div>
$("#line2").hide().text("SOMETEXT").fadeIn(1500);