首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >动态控件组和复选框未设置样式

动态控件组和复选框未设置样式
EN

Stack Overflow用户
提问于 2011-04-14 20:12:12
回答 5查看 29.3K关注 0票数 16

所以我尝试将动态内容直接加载到我的复选框容器(group_checkboxes)中

代码语言:javascript
复制
<div id='group_checkboxes' data-role="fieldcontain">

</div>

下面是我用来填充容器的语句:

代码语言:javascript
复制
$('#group_checkboxes').append('<fieldset data-role="controlgroup"><input type="checkbox" name="' + $(this).find('data').text() + '" class="custom" /><label for="' + $(this).find('data').text() + '">' + $(this).find('label').text() + '</label></fieldset>');

所有复选框都已填充,但未应用jQuery样式。

根据docs,我所需要做的就是调用这个函数来更新checkbox样式...

代码语言:javascript
复制
$("input[type='checkbox']").checkboxradio("refresh");

但这不管用。知道我做错了什么吗?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-04-14 20:49:01

首先尝试他们自己的静态演示代码:

代码语言:javascript
复制
<div  data-role="fieldcontain">
                <fieldset data-role="controlgroup">
                    <legend>Choose as many snacks as you'd like:</legend>
                    <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
                    <label for="checkbox-1a">Cheetos</label>

                    <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
                    <label for="checkbox-2a">Doritos</label>

                    <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
                    <label for="checkbox-3a">Fritos</label>

                    <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
                    <label for="checkbox-4a">Sun Chips</label>
                </fieldset>
            </div>

正如我在评论中提到的,他们只使用了一个字段集。

如果此方法有效,则调整脚本以动态生成相同的标记,然后刷新它们

代码语言:javascript
复制
$("input[type='checkbox']").checkboxradio("refresh");

如果这可以与他们的代码一起工作,您就会知道您在标记中有错误。如果不是,则刷新函数出现错误。(我知道这不是最终的解决方案,但有时您必须进行一些调试:)

编辑:

发现类似的问题,通过使用Page()解决

JQM FAQ

SO Question

票数 7
EN

Stack Overflow用户

发布于 2012-11-28 19:02:01

尝试使用$("#<id of fieldset controlgroup>").trigger("create");

http://jsfiddle.net/YKvR3/36/

票数 7
EN

Stack Overflow用户

发布于 2011-05-07 20:37:30

试一试

代码语言:javascript
复制
$('input:checkbox').checkboxradio('refresh');
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5663033

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档