关键词:
【中文标题】添加项目并“刷新”脚本以设置样式时,Jquery Mobile 复选框列表不会更新【英文标题】:Jquery Mobile checkbox-list does not update when adding items and "refreshing" the script to style it 【发布时间】:2017-05-15 05:10:48 【问题描述】:在 JQuery Mobile 中添加复选框列表非常容易,脚本会自动设置/更改以下 html 的样式并赋予其功能:
<fieldset data-role="controlgroup" id="liste" class="liste">
<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>
然而,更改现有列表很困难,因为必须调用这个不适合我的刷新方法:
$(".selector").checkboxradio( "refresh" );
这是我在 JsFiddle 中尝试将项目添加到列表中失败的列表:
http://jsfiddle.net/b92anmqw/
请帮帮我,谢谢!
【问题讨论】:
【参考方案1】:不要惊慌。当您使用 jQuery Mobile 时,这也可以很容易地完成。首先,你应该设置你的页面结构:
<div data-role="page" id="page-1">
<div data-role="main" class="ui-content">
...here goes your fieldset
</div>
</div>
您应该在控制组容器内附加新的复选框:
$(document).on("pagecreate", "#page-1", function()
var item5 = $("<label for='checkbox-5a'>Flips</label><input type='checkbox' id='checkbox-5a'></input>"),
liste = $("#liste");
liste.controlgroup("container").append(item5);
$(item5[1]).checkboxradio();
liste.controlgroup("refresh");
);
顺便说一句,您也可以使用$(document).on("pagecreate")
代替$(document).ready
。
【讨论】:
将 css 样式添加到动态生成的项目(jquery,css)
】将css样式添加到动态生成的项目(jquery,css)【英文标题】:Addingcssstylestodynamicallygenerateditems(jquery,css)【发布时间】:2013-05-0813:39:06【问题描述】:我在为动态生成的项目设置样式时遇到问题。这是网格项目的示例。我需要按... 查看详情
使用 jQuery UI 可排序插件添加项目后刷新列表
】使用jQueryUI可排序插件添加项目后刷新列表【英文标题】:RefreshlistafteraddinganitemwithjQueryUIsortableplugin【发布时间】:2014-04-2822:28:20【问题描述】:好吧,所以我有一个嵌套的可排序列表,因此每个项目既是容器又是可排序元素... 查看详情
Lua 刷新脚本 (ROBLOX)
...我测试它并尝试更新玩家的硬币时,GUI不会随之更新。我添加了一个旧代码,因为它适用于我正在使用不同语言处理的旧项目。当我添加它时,我真的不知道我在想什么。代码如下:localplayer=ga 查看详情
在jQuery中添加一个按钮以列出项目并触发click事件
】在jQuery中添加一个按钮以列出项目并触发click事件【英文标题】:AddingabuttontolistiteminjQueryandfireingtheclickevent【发布时间】:2013-07-1516:59:11【问题描述】:我想为每个列表项添加一个简单的“删除按钮”。列表元素包含从某个表... 查看详情
以编程方式设置按钮样式
...:24【问题描述】:所以我以编程方式创建新按钮并将它们添加到LinearLayout,但是我想用预定义的样式初始化这些按钮。我花了一些时间寻找解决方案并尝试了答案,但我似乎仍然无法让它发挥作用。当我在布局中添加一个新按钮... 查看详情
JQuery Mobile:拉动以刷新列表视图[重复]
...项设置动画,以便在下拉或拉起列表视图时可以使用ajax添加新的列表项?我遇到了这个插件,ISCROLL4但 查看详情
如何修改 PHP/Jquery/Ajax 脚本以拥有多个表单字段帖子
...MySQL中插入一个表单字段并在您点击提交时更新页面而不刷新。我希望脚本提交四个表单字段,而不仅仅是一个。我已经更新了 查看详情
第二十五篇jquery学习7获取并设置css类
...呢?我们就说一下静态,静态几乎又纯html+css完成,就是刷新页面之后,不会再出现什么变动,一个实打实的静态页面。那么动态,我们基于静态的特征说,动态:刷新页面之后,还可以发生样式改变等,就为动态。这节课我们... 查看详情
如何为 div 设置水平滚动,以便在通过 jQuery 添加项目时
】如何为div设置水平滚动,以便在通过jQuery添加项目时【英文标题】:howtosethorizontalscrollfordivsuchthatwhenaddingitemsbyjQuery【发布时间】:2013-09-1515:00:17【问题描述】:我正在通过jQuery在div中添加复选框。div溢出时滚动。但是我看到... 查看详情
Jquery将css添加到头部
】Jquery将css添加到头部【英文标题】:Jqueryaddcsstohead【发布时间】:2012-08-1901:55:04【问题描述】:我正在将一些脚本和样式表异步添加到我正在构建的项目中,并希望将样式表全部组合在HEAD中。<head><title>home</title>&... 查看详情
jquery-获取并设置css类
...S操作的方法。我们将学习下面这些:addClass()-向被选元素添加一个或多个类removeClass()-从被选元素删除一个或多个类toggleClass()-对被选元素进行添加/删除类的切换操作css()-设置或返回样式属性 实例样式表下面的样式表将用于... 查看详情
在 Wordpress 内联脚本中使用 jQuery
...题描述】:我需要在页面加载时加载引导模式,并尝试以添加内联脚本来处理调用的简单方法来实现。对于我的一生,我找不到任何信息,无论这是否可能。仅供参考,我已经正确地将jQuery加入队列并在许多其他脚本中使用它。... 查看详情
重新加载表视图数据并取消选择单元格(代码片段)
...,我想在从详细视图返回时,或者在用户创建项目时从新添加的单元格中取消选择先前选择的单元格。但是,由于有时会添加新项目,因此通过在reloadData中调用viewWillAppear:来刷新表格。这意味着即使我有self.clearsSelectionOnViewWillAp... 查看详情
如何让 jQuery 在管理区域工作?
...助设置主题选项页面的样式。之前,当我取消注册jQuery并添加我自己的版本时,所有代码都在使用$,因为我不必担心WordPress总是将jQuery附加到所有内容,我可以使用$并完成 查看详情
以编程方式设置 Android 按钮样式
...013-01-1719:25:49【问题描述】:如何以编程方式向android按钮添加/删除样式?是否可以在运行时应用样式?我有两个类似这样的按钮--------------------|按钮A||按钮B|--------------------我想要做的是当一个按钮被点击时(比如说按钮B),它... 查看详情
jquery-获取并设置css
jQuery拥有若干进行CSS操作的方法:addClass()-向被选元素添加一个或多个类removeClass()-从被选元素删除一个或多个类toggleClass()-对被选元素进行添加/删除类的切换操作css()-设置或返回样式属性 addClass() 向被选元素添... 查看详情
我想以编程方式添加单选按钮并设置第一个项目被选中?(代码片段)
这是我的代码,我从我的Json创建了一堆单选按钮。for(inti=0;i<level_array_list.size();i++)RadioButtonradioButton=newRadioButton(getActivity());radioButton.setText(level_array_list.get(i).getLevelName());radioButton.setId 查看详情
signalr学习系列3.signalr实时高刷新率程序
创建项目创建一个空的Web项目,并在Nuget里面添加SignalR,jQueryUI包,添加以后项目里包含了jQuery,jQuery.UI,和SignalR的脚本。 创建基础应用添加一个SignalRHub类,并命名为MoveShapeHub,更新代码。usingMicrosoft.AspNet.SignalR;usingNewtonsof... 查看详情