.trigger('create') cannot create a listview

Question

Here are the codes I have to dynamically create and enhance a page. The similar pattern has been working for many other kinds, such as text field, button, grid-view, etc. But I found it cannot work with a listview.

$(document).bind("pagebeforechange", function route(e, data) {
    ...
    $content = $page.children(":jqmData(role=content)");
    var markup = '<ul id="calendarList" data-role="listview"><li>HELLO</li></ul>';
    $content.html(markup);
    $page.trigger('create');
    $.mobile.changePage($page);
});

I would always get an error message like,

Cannot read property 'jQuery16409763167318888009' of undefined

Through debugging using Chrome, I found it always fails on the line of $page.trigger('create');

etlolap · Accepted Answer · 2012-09-01 04:00:03Z

1

I found the solution myself. It works fine if I replaced the line,

$page.trigger('create');

with,

$page.page();
$content.find( ":jqmData(role=listview)" ).listview();

However, I still don't understand why. I thought the former was a newer, simpler syntax to replace the latter. A single call of $page.trigger('create'); can enhance the entire page at one shot. Does anyone know the difference of these two?

edited Sep 1, 2012 at 4:00

answered Sep 1, 2012 at 0:03

etlolap

5311 gold badge6 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

.trigger('create') cannot create a listview

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