Jquery Mobile 中的动态列表视图和按钮

Dynamic Listview and Button in Jquery Mobile

本文关键字：视图 按钮 列表 动态 Mobile Jquery      更新时间：2023-09-26

>我按照一个例子，他们提到我插入

$（'

[data-role="button"]'）.button（）;

以正确的方式动态添加按钮。但它表明

按钮。(..)不是函数，错误。

.HTML

<div data-role="page" id="page">
        <div data-role=header>
            <h1>Home</h1>
        </div>
        <div data-role="content" style="padding: 15px">
            <ul data-role="listview" id="listview" data-inset="true" data-filter="true">
                <li data-role="list-divider" id="divider">Available Devices</li>
            </ul>

        </div>
        <div data-role="footer" data-position="fixed" id="footer">
            <h3>Footer</h3>
        </div>
    </div>

Javascript函数：

 function displayFeeds(items){
        var ul = $('#listview');
        for (var i = 0; i < items.length; i++) {
             var li = $('<li/>').html(items[i].DeviceNames);
             li.append($('<li/>').html(items[i].DeviceQuantity));

            li .append('<a data-role="button" data-theme="b" data-icon="plus" data-iconpos="right">Save</a>');
             // Enhance new button element
            li.append($('<hr>')); 
             ul.append(li); 
       }
        $('[data-role="button"]').button();
    }
我

应该在这里做什么，或者我做错了什么？

我有同样的问题。

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

把ul.parent().trigger( 'create' );放在 for 循环的末尾。

相关文章：