Question

我正在尝试使用jquery mobile创建动态可折叠div，但生成的div没有采用任何样式。

任何人都可以解决这个问题。 :)

        jQuery.get('../config/la/english.txt', function(data) {

            for (var i = 0; i < data.length; i++) {
                //alert(data[i]);
                $('<div data-role="collapsible" data-collapsed="true" data-theme="c" data-content-theme="d" id="'+data[i]+'"><h3>'+ data[i] +'</h3></div>').appendTo("div#main");
            }
        });

Answer 1

。

$（ “选择”）找到（ 'DIV [数据角色=可折叠]'）可折叠（）;

Answer 2

您可以尝试添加

$(data[i]).collapsible({refresh:true});

将div添加到<div#main>

后，在for循环中

Answer 3

在完成创建div元素的循环后，必须调用collapsible（）方法。

使用容器DIV（包含您创建的所有可折叠div元素）来调用collapsible（），如下所示：

$（ '＃容器'）找到（ 'DIV [数据角色=可折叠]'）可折叠（）;

Jquery Mobile动态可折叠内容没有任何风格

3 个答案: