在.text后调用函数

Question

我在添加文本后调用函数时遇到问题，以便＃line2 fadeIn很好。如果我运行此代码，则所有after.append都将打印为文本，包括第二个嵌套函数。 http://jsfiddle.net/jJyL4/1/

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

Answer 1

试试这个：

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

<强> Working Demo

Answer 2

$("#line2").text("SOMETEXT").fadeIn(4000);

http://jsfiddle.net/jJyL4/4/

.fadeIn（）函数会自动将opacity属性设置为1，您只需设置持续时间。

Answer 3

您的语法不正确，无法编写

$（“＃line2”）。append（...） {...}）;

JavaScript中不允许使用粗体部分。

现在，如果你有这个HTML：

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

WORKING DEMO