Javascript Jquery mobile-输入和标签在Jquery mobile 1.2.1版中不在同一通道中？

我遵循文档，使用jquery将我的标签和输入添加到同一个div中，其中的数据角色为='fieldcontain'，它们在第页上是分开的。网站：。为什么会这样？多谢各位

Jquery之前的HTML：

<div id="form" class=" ui-body ui-body-d">
    <fieldset>
    <legend>Text</legend>
    <label>
      <label>Name</label>
      <label><input type='text' name='f_Fname' value= "" /></label>
    </label>
    ...more content here
    </fieldset>
</div>

Jquery：

   if($('input[type="text"]').parent().is('label')){
    $('input[type="text"]').unwrap();
    $('input[type="text"]').each(function () {
        $(this).prev().addBack().wrapAll('<div data-role="fieldcontain">');
        $(this).prop('id', this.name)
           .prev('label').attr('for', this.name);
    })
   }
   if($('textarea').parent().is('label')){
    $('textarea').unwrap();
    $('textarea').each(function () {
        $(this).prev().addBack().wrapAll('<div data-role="fieldcontain">');
        $(this).prop('id', this.name)
           .prev('label').attr('for', this.name);
    })
   }

Jquery之后的HTML：

<div id="form" class=" ui-body ui-body-d">
        <fieldset>
        <legend>Text</legend>   
        <div data-role="fieldcontain">
          <label for="f_Fname">Name</label>
          <input type="text" id="f_Fname" name="f_Fname" value="" />
        </div>
        </fieldset>
</div>

---

为什么要包装每个标签和标签中的输入？为什么不静态地做呢？嗨，omar，这是来自php的1000行代码，其中表单是为不同的语言构建的，我使用jquery删除它们。实际上，它并不是用id表单形成div。我应该继续使用jquery函数还是删除它并返回到那个疯狂的php文件？在您的php文件中，使最终输出简单明了，不需要jquery干扰。您需要确保它是响应性的，并且可以适应任何屏幕分辨率。除此之外，还可以：