Javascript 如何将2个按钮添加到<；李>；通过jquery

我使用作为指导线在li元素中创建两个堆叠按钮

这是我正在使用的代码

            '<li><div class="ui-grid-a">' +
                '<div class="ui-block-a" style="width: 75%;">' +
                    '<div data-role="fieldcontain">' +
                        '<h3>Address Details:</h3>' +
                            '<p>Address 1</p>' +
                    '</div>' +
                '</div>' +
                '<div class="ui-block-b" style="width: 25%; float: right;">' +
                    '<div data-role="controlgroup" data-type="horizontal" style="height: 20px;">' +
                        '<a href="index.html" data-role="button" data-icon="map">Map</a>' +
                        '<a href="index.html" data-role="button" data-icon="delete">Delete</a>' +
                    '</div>' + 
                '</div>' +   
            '</div>' +
            '</li>').listview('refresh');

“
”+
'' +
'' +
'地址详细信息：'+
“地址1
”+
'' +
'' +
'' +
'' +
'' +
'' +
'' + 
'' +   
'' +
“
”）。列表视图（“刷新”）；

但我最终得到的是两个“常规”超链接，看起来像“MapDelete”。您知道为什么按钮不能正确呈现吗？

方法listview（“刷新”）将仅设置listview的样式

因为按钮不是listview的一部分，所以它们将被忽略

您需要按照以下方式分别设置它们的样式：

$('[data-role="button"]').button();

或者，您可以在内容DIV上使用此方法：

$('#contentDivID').trigger('create');

如果您想了解更多关于此主题的信息，请查看我的另一个博客，该博客描述了如何增强动态添加的jQuery移动内容

编辑：

工作示例：

---

您需要自己定位它们并找到一些自定义地图图标。

您是否有对query.mobile-1.0.1.min.css的引用？