如何在jQuery中动态生成可折叠集
How to dynamically generate collapsible-set in jQuery?
我从 php 文件中检索一些标题数据(主标题,每个标题都有子标题(。
我收到的数据工作正常,但是当我想在jquery(移动(中生成可折叠集时,它没有显示美丽的主题......只是纯文本?!
这是我的 HTML 文件:
<div data-role="collapsible-set" data-content-theme="d" id="headlinegroup">
这是我的javascript文件:
$.ajax({
type: "POST",
url: "headline_getter.php",
dataType: 'json',
cache: false,
success: function(data1){
console.log ("debug 2");
var i = 0;
var $elements = '';
$.each(data1[i].main, function() {
console.log ("debug 3 ");
$elements += ($('div[data-role=collapsible-set]#headlinegroup').append('<div data-role="collapsible"><h3>' + data1[i].main + '</h3><div data-role="fieldcontain"><fieldset data-role="controlgroup" id="headlinegroup'+[i]+'">'));
var j = 0;
$.each(data1[i].sub, function() {
console.log ("debug 4");
$elements += ('<label><input type="checkbox" name="headlines[]" data-mini="true" value="' + data1[i].mid[j] + '"/>' + data1[i].sub[j] + '</label>');
j++;
});
$elements += ('</fieldset></div></div>');
$elements.collapsible();
i++;
});
}
});
我真的不知道问题出在哪里。我已经在堆栈溢出中阅读了一些线程并添加了.collapsible
属性,但它不起作用......只有纯文本。
提前谢谢。最好的问候,约翰。
您是否尝试过在附加的每个元素的末尾添加.trigger('create')
?
相关文章:
- 可折叠树在第二级不显示子树
- 引导程序/轨道-可折叠导航栏没有'我不能在手机上工作
- 只使用CSS创建可折叠菜单或spry菜单
- 可以't以编程方式关闭jQuery移动弹出窗口中的可折叠部分
- 如何在jQuery中动态生成可折叠集
- 在jQuery Mobile中动态创建的可折叠集
- 如何动态更改JQM可折叠的主题
- 可折叠onclick事件中的Jquery Mobile列表没有'动态添加时无法工作
- JQuery Mobile的动态可折叠内容块(通过Spry)未展开
- 嵌套的可移植动态项未折叠
- 动态添加可折叠集和嵌套列表在jQuery移动
- DIV多个动态可折叠
- 可折叠面板和下拉菜单的动态定位
- Jquery移动动态可折叠内容不采用任何样式
- 具有动态加载内容的可折叠列表
- 在可折叠jquery-mobile中添加可动态过滤的控件
- JQM-动态地将图像添加到可折叠的标题中
- 组织结构图 - 树,在线,动态,可折叠,图片 - 在D3中
- 清除动态可折叠列表,空() html(“ ”)不起作用
- 使用Navgoco动态生成的可折叠菜单