jQM:只有一些转换在动态HTML注入后才起作用
jQM: Only some transitions work after dynamic HTML injection
当我用Ajax提取的数据将大量HTML注入DOM时,我会循环遍历数据,并根据每个条目注入一些内容。每个注入的元素是一些具有CCD_ 2的CCD_。
问题:目前在我注入的21个条目中,只有前6个条目的转换有效。我尝试了几种方法,即一次注入所有内容,将所有内容分块注入,在之后的包含div
上调用.trigger('create')
或.page()
,并在每次注入时调用它,甚至在for循环中的每个元素后面添加一个setTimeout(500)。注意:对于不起作用的元素,根本没有转换,甚至没有默认的转换。
简化示例代码:这是在$().ajaxSubmit
请求的回调函数中调用的
function populateFeed(data) {
for (var i = 0; i < data.length; i++) {
$("#feed").append("<a href='#nextpage' onclick='someFunction()' data-" +
"transition='slide'><div>Some content</div></a>");
}
}
实际的代码比这多一点逻辑,但这是核心。那么,为什么这只适用于前6个,而对于后6个,感觉jQM转换中断了呢?我该如何解决这个问题?
更新:类似的效果已经在http://jsfiddle.net/Uk5d4/6/.底部附近的链路(即链路999)没有转换。
在您完成html的动态创建后,尝试加载jqm-js。JQM转换第一次加载时已经创建的html。因此,如果你在之后创建任何东西,它无法转换它们,因此我们需要再次调用这个js。
相关文章:
- 使用jQuery根据动态生成的html动态添加html
- HTML动态更新滑块输入
- 无法从HTML动态表中获取数据
- Python/JavaScript/HTML 动态创建计算机网络图
- 从 html 动态调用 javascript 对象函数
- 通过内部HTML动态创建日历不起作用
- 如何将节点内容从 xml 复制到硬编码的 html(动态到原始 html)
- 为什么我无法使用jQuery将HTML动态添加到页面
- 如何读取html表中复选框的值,该表是作为内部html动态插入到表单元格中的
- 如何使用Javascript获取HTML动态用户输入的值
- 从html动态加载angularjs控制器
- Html动态错误javascript Uncaught TypeError:$不是函数
- 如何将html动态嵌入到框架标记中
- HTML动态裁剪
- 使用jQuery和HTML动态创建标签,并使用jQuery访问其文本值
- HTML动态/响应式元素定位
- 我如何使用下面的html动态创建wordcloud为我的android应用程序
- 使用.html()动态更改数据后单击function
- JavaScript中的Html动态表
- JS/HTML——动态创建带有选项的select元素