如何使用 jQuery 创建流畅的 html 元素

Question

如何使用 jQuery 创建流体元素，例如：

<f:form.upload property="{something}" additionalAttributes="{form:someProperty(element: element, property: 'myProperty'}"></f:form.upload>

我试着写这样的东西：

var input = <f:form.upload property="{something}" additionalAttributes="{form:someProperty(element: element, property: 'myProperty'}"></f:form.upload>;
$(div).append(input);

但它会 litteraly 呈现 var input 的内容。

---

也就是说。

我现在的 jQuery:

<f:form.upload property="{something}" additionalAttributes="{form:someProperty(element: element, property: 'myProperty'}"></f:form.upload>

我想要的：

<input type="file" name="tx_form_formframework[application][fileupload]">

Answer 1

简而言之：你不能。 这是因为 <f:*> 标记和 {variables} 是在服务器上处理的，而不是在客户端上处理的。

Jquery 可以尝试通过 HTTP 请求从服务器获取已处理的 HTML 位，但仅此而已:)

Answer 2

在某些情况下，可以提前通过 Fluid 创建表单字段，但在用户执行定义的操作之前隐藏它们。