代码之家  ›  专栏  ›  技术社区  ›  Sid Kshatriya

在DOM中动态创建小部件

  •  0
  • Sid Kshatriya  · 技术社区  · 15 年前

    我正在使用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?

    2 回复  |  直到 15 年前
        1
  •  1
  •   Pritesh Patel    15 年前

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

    文本输入:

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

    $(“#字段1”).fieldcontain(); $(“#名称”).textinput();

        2
  •  0
  •   Kshitij Parajuli    15 年前

    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.