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

Question

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

<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 创建表单字段，但在用户采取定义的操作之前将其隐藏。