Dynamic Listview and Button in Jquery Mobile

Question

Im following a example where they mentioned Ive to insert

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

to add the button dynamically in a proper way. But it shows

button.(..) is not a function, error.

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:

 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();
    }

What should I do here Or what am I doing wrong?

works fine. What version of jq and jqm are you using?

Omar
– Omar

2013-09-17 16:31:46 +00:00
Commented Sep 17, 2013 at 16:31 — Omar
– Omar, Commented Sep 17, 2013 at 16:31

Bhoomika Brahmbhatt · Accepted Answer · 2014-05-08 12:17:04Z

1

I had same problem.

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

Put ul.parent().trigger( 'create' ); at end of your for loop.

edited May 8, 2014 at 12:17

answered Sep 20, 2013 at 6:37

Bhoomika Brahmbhatt

7,4253 gold badges31 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamic Listview and Button in Jquery Mobile

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related