jQuery text（）函数不接受input.val（）

Question

我想设置一个预览区域，显示一些输入文本的原位。但是，我很难通过text（）来实现这个jQuery函数。

虽然这有效（在提交表单时在#preview中显示“一些示例文本”：

$("form").submit(function () {
              $("#preview").text("some sample text").show();
              return false;
            });

这不起作用，当我尝试获取文本字段的内容并在预览框中使用它时，它不会显示任何内容：

$("form").submit(function () {
              $("#preview").text($("input:first").val()).show();
              return false;
            });

知道为什么吗？可能很简单，我只是错过了它。

Answer 1

代码在小提琴中运行良好。确保#preview具有声明的高度和宽度，否则它可能在视觉上不同。

参见工作演示：http://jsfiddle.net/js4XU/

Answer 2

最后，我将其重写为“实时预览”，并使用keyup()函数捕获输入的val，而不是在表单提交后请求。