jquery - 将按钮附加到可折叠的内容中

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">

注意：

• 我将按钮作为链接进行，因此您无需在按钮上绑定点击事件
• 还评论了 listview('refresh') 因为你不能在这个事件中调用它
• 我已将第一个 div ID 设置为“thePage”