如何使用数据角色,数据主题,内容主题,插图,列表视图创建动态div?

时间:2014-04-20 07:35:15

标签: jquery css

如何使用data-role,data-theme,content-theme,inset,listview创建动态div 使用JQuery。 我举了一些我尝试过的事情的例子:

    $('<div>').attr('id', 'divCollapsibleset')
                .data('role', 'collapsibleset')
                .data('data-theme', 'e')
                .data('content-theme', 'a')
                .appendTo('#popupNested');

    $('<div>').data('role', 'collapsible')
                .attr('id', 'divCollapsible')
                .data('inset', 'false')
                .appendTo('#divCollapsibleset');

    $('<h3>').addClass('h3-register-items')
                .text('Register')
                .appendTo('#divCollapsible');

    $('<ul>').data('role', 'listview')
                .attr('id', 'listOfItems')
                .appendTo('#divCollapsible');

1 个答案:

答案 0 :(得分:1)

data-role, data-theme, content-theme, inset, listview

这些也是属性?...也使用attr()......

样品

$('<div>').attr('id', 'divCollapsibleset')
            .attr('data-role', 'collapsibleset')
            .attr('data-theme', 'e')
            .attr('content-theme', 'a')
            .appendTo('#popupNested');

$('<div>').attr({
       'id':            'divCollapsibleset',
       'data-role':     'collapsibleset',
       'data-theme':    'e',
       'content-theme': 'a'
}).appendTo('#popupNested');

demo