将Button附加到可折叠内容中

Question

我正在尝试将按钮添加到可折叠内容中，但它不会像普通按钮那样显示。

演示： http://jsfiddle.net/76buh/1/

如何使按钮看起来像一个正确的jquery移动按钮？

$('#eventlist').listview('refresh');
$('#ev2').empty();
$('#ev2').append('<button id="settotrue">More Events</button>');

Answer 1

让您的应用程序知道您通过触发事件创建了一个元素，框架将完成剩下的工作：

$('#ev2').append('<button id="settotrue">More Events</button>').trigger('create');

Answer 2

您需要将该脚本包含在pagecreate事件中，以便在jQuery Mobile增强元素之前修改DOM

        $( '#thePage' ).live( 'pagecreate',function(event){
            $('#eventlist').append('<li><a href="#">Hello</a></li>')
            //$('#eventlist').listview('refresh');
            $('#ev2').empty();

            $('#ev2').append('<a href="#moreevents" data-role="button">more events</a> ');
        });

HTML已更改为

 <div data-role="page" id="thePage">

请注意：

• 我将按钮作为链接，因此您无需在按钮
上绑定click事件
• 也评论了listview（＆＃39;刷新＆＃39;），因为您无法在此活动中调用它
• 我已将第一个div ID设置为＆＃39; thePage＆＃39;