Question

我正在使用jQuery mobile 1 alpha 1.

要在jQuery mobile中创建文本输入，请添加到HTML

<div data-role='fieldcontain'>
<label for='name'>Text Input:</label>
<input type='text' name='name' id='name' value=''  />
</div>

假设您将上述HTML代码分配给变量$textinput并输入$("#someid").append($textinput);，那么问题是文本输入会出现，但其主题并非正确。我的猜测是，一些Javascript在页面加载时运行，为CSS添加了正确的类。当我将HTML直接添加到DOM中时，此Javascript不会运行。

当我动态地将小部件添加到我的DOM时，我该怎么做才能运行正确的Javascript？

Answer 1

虽然添加输入实例运行时为你的div提供了id，所以它可以被$捕获。像下面一样创建你的圆顶

<div data-role='fieldcontain' id="field1">

文字输入：

添加后，只需在脚本下方运行即可将其转换为移动对象。

$（ “＃FIELD1”）fieldcontain（）; $（ “＃名称”）的TextInput（）;

Answer 2

看看Live Query。

Live Query (formerly Behavior) utilizes the power of jQuery selectors
by binding events or firing callbacks or matched elements auto-magically,
even after the page has been loaded and the DOM updated.

在DOM中动态创建小部件

2 个答案: