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

Question

我按照他们提到 Ive 插入的示例

$('[data-role="button"]').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();
    }

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

Answer 1

我有同样的问题。

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

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