使用变量名称fadeIn和Prepend

Question

我想在这个变量“logText”前加上它，并让它同时淡入。

var logText = today + ":" + " " + document.getElementById("textBox").value + '<br>\n';
$("#logContent").prepend(logText);

这是我得到的但它不起作用。

var logText = today + ":" + " " + document.getElementById("textBox").value + '<br>\n';
$("#logContent").prepend($(logText).fadeIn('slow'));

Answer 1

$("<p>" + today + ": " + $("#textBox").val() + "</p>")  // new DOM Node
              .css("display", "none")    // hide it
              .prependTo("#logContent")  // prepend it to #logContent
              .fadeIn("slow");           // fade it in slowly

fiddle

Answer 2

$("#logContent").prepend(today + ": " + $("#textBox").val() + '<br>').fadeIn('slow');