动态复选框 JQuery Mobile Beta 2答案

【问题标题】：Dynamic Checkboxes JQuery Mobile Beta 2动态复选框 JQuery Mobile Beta 2
【发布时间】：2011-08-23 23:34:04
【问题描述】：

我知道在 JQuery Mobile 的最后一个版本中，添加动态复选框时出现了一个错误，我必须为它们分配一个唯一 ID 并调用元素上的 .page() 以便它们正确呈现

当我升级到最新的 Beta 2 版本时，这似乎不再起作用了。

我尝试了一些不同的方法，但在将复选框动态添加到页面时无法正确呈现它们。

这些都不能正常工作： $("input[type='checkbox']").checkboxradio("refresh"); $("input[type='checkbox']").checkboxradio();

而我对调用 .page() 的旧错误修复使得复选框根本不会出现。

【问题讨论】：

【解决方案1】：

这个 jsfiddle 的问题是标签“for”属性与复选框 id 不匹配，它被硬编码为"checkbox-1"。把这个：for="checkbox-1"改成这个："for="checkbox-'+ counter +'"

【讨论】：

【解决方案2】：

我还没有玩过 1.0b2，但是在有关该版本的博客文章中，作者提到了一种启动小部件的新方法，如下所示：

$( ...new markup that contains widgets... ).appendTo( ".ui-page" ).trigger( "create" );

这是解决方案的 jsfiddle：http://jsfiddle.net/cvxDg/

【讨论】：

是的，我也想通了！谢谢
jsfiddle 示例似乎无法正常工作，这与我现在面临的问题相同：当您单击示例中的“单击添加复选框”时，第二个、第三个等. checkbox 没有应用 jqm css，但只有原生样式。知道为什么只有第一个复选框的样式正确吗？