通过javascript插入元素而不丢失jquery移动风格页面_Javascript_Jquery

通过javascript插入元素而不丢失jquery移动风格页面

javascript jquery

通过javascript插入元素而不丢失jquery移动风格页面,javascript,jquery,Javascript,Jquery,我需要通过从数据库接收的数据动态创建一组复选框。我正在使用JavaScript创建复选框。但是当我把它们放在我的页面上时，它们显示时没有jquery移动主题我用javascript编写整个标记（如 “您必须刷新它们 checkboxradio("refresh"); 查看更多信息更新以上是版本1.2.1。最新版本有一个更通用的方法来处理这种情况。请检查 jQuery Mobile无法知道您何时将内容注入到让jQuery Mobile知道您已经注入了必须增强，您需要确保插件被调用增强

我需要通过从数据库接收的数据动态创建一组复选框。我正在使用JavaScript创建复选框。但是当我把它们放在我的页面上时，它们显示时没有jquery移动主题

我用javascript编写整个标记（如

“您必须刷新它们
checkboxradio("refresh");

查看更多信息
更新
以上是版本1.2.1。最新版本有一个更通用的方法来处理这种情况。请检查
jQuery Mobile无法知道您何时将内容注入到
让jQuery Mobile知道您已经注入了必须
增强，您需要确保插件被调用
增强父容器上的新元素或触发器（“创建”）
因此，您不必手动调用每个插件
创建与刷新：一个重要的区别
请注意，create事件和create事件之间有一个重要的区别
和一些小部件具有的刷新方法
用于增强包含一个或多个小部件的原始标记
应该在现有（已经增强的）小部件上使用刷新方法
已通过编程方式操作并需要更新UI的
相配
更新2
<!DOCTYPE html>
<html>
<head>
<link href="http://code.jquery.com/mobile/latest/jquery.mobile.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script>

<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <form id="chamada_item">
    <label>
        <input type="checkbox" name="checkbox-0 ">Static
    </label>
  </form>

  <script>
    $(document).ready(function() {
        $('<label><input type="checkbox" name="checkbox-0 ">Dynamic with trigger create</label>').appendTo("#chamada_item").trigger("create");
        $('<label><input type="checkbox" name="checkbox-0 ">Dynamic without trigger</label>').appendTo("#chamada_item");
    });
  </script>
  </body>
</html>


JS-Bin
静止的
$（文档）.ready（函数（）{
$（'Dynamic with trigger create'）。附加到（“#chamada_item”）。触发器（“create”）；
$（'Dynamic without trigger'）。附加到（'chamada_item'）；
});
它不起作用。我添加了.trigger（'create'），但它仍然没有得到增强。$（“$”（''）.appendTo（“#chamada_item”）.trigger（“create”）；检查我的更新。带触发器的动态具有样式，但不带触发器的动态具有样式。只需将其复制并粘贴到html文件中即可。
<!DOCTYPE html>
<html>
<head>
<link href="http://code.jquery.com/mobile/latest/jquery.mobile.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script>

<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <form id="chamada_item">
    <label>
        <input type="checkbox" name="checkbox-0 ">Static
    </label>
  </form>

  <script>
    $(document).ready(function() {
        $('<label><input type="checkbox" name="checkbox-0 ">Dynamic with trigger create</label>').appendTo("#chamada_item").trigger("create");
        $('<label><input type="checkbox" name="checkbox-0 ">Dynamic without trigger</label>').appendTo("#chamada_item");
    });
  </script>
  </body>
</html>