Javascript 使用格式将jquery移动组件动态添加到listview_Javascript_Jquery_Html_Jquery Mobile

Javascript 使用格式将jquery移动组件动态添加到listview

javascript jquery html jquery-mobile

Javascript 使用格式将jquery移动组件动态添加到listview,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,当我动态插入以下代码时，我可以强制页面刷新，使其应用jQuery mobile格式。由于某些原因，它不允许我设置按钮格式。这真的很奇怪，因为它允许动态插入列表和按钮，但除了名称之外，我似乎无法格式化按钮。它可以通过CSS进行操作，但我想使用jQueryAPI $('#cartList').append('<li>' + '<h3>' + game.Title+'</h3>' + '<p>' + '£' + game.Price

当我动态插入以下代码时，我可以强制页面刷新，使其应用jQuery mobile格式。
由于某些原因，它不允许我设置按钮格式。这真的很奇怪，因为它允许动态插入列表和按钮，但除了名称之外，我似乎无法格式化按钮。
它可以通过CSS进行操作，但我想使用jQueryAPI

$('#cartList').append('<li>'
    + '<h3>' + game.Title+'</h3>'
    + '<p>' + '£' + game.Price + '</p>' 
    + '<a href="#cartList" data-role="button" data-icon="none" data-inline="true" onclick="removeItem()">Remove</a>'
    + '<h3 class="ui-li-aside">' + game.Format + '</h3>'
    + '</li>').trigger("create");

$（'#cartList'）。追加（''
+''+游戏，标题+''
+“”+“£”+游戏。价格+””
+ ''
+''+游戏。格式+''
+“”）。触发器（“创建”）；

提到，如果在列表中添加或删除新的列表项，分隔符不会自动更新，您应该在listview上调用refresh（）来重新绘制自动分隔符

尝试添加：

$（'#cartList'）.listview（'refresh'）填充列表后
例如：
<!doctype html>
<html lang="en">
    <head>
        <title></title>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>   

         <script>
            $(document).ready(function(){
                $("#add-li-button").click(function(){ 
                    $('#listList').append("<li data-role=\"collapsible\"> <h3>New List</h3> <div data-role=\"fieldcontain\"></div> </li>").listview("refresh");
                });
            });
        </script>   
   </head>
   <body>
        <div data-role="page" id="page">
            <ul id="listList" data-role="listview">
            </ul>
            <input type="button" id="add-li-button" value="add a checkbox to list1" />
        </div>    
    </body>
</html>


$（文档）.ready（函数（）{
$（“#添加li按钮”）。单击（函数（）{
$（“#listList”）.append（“New List”）.listview（“刷新”）；
});
});


我在insert函数中有这样的功能，可以正确生成列表，按钮除外。这很奇怪。我发现了一个代码示例，其中一个按钮插入到列表之外，效果很好，将该代码传输到listview内部会导致错误。下面是我找到的示例，将按钮与自己的div一起放置似乎可以解决此问题：）