问题标签 [icheck]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 将 iCheck(jQuery 插件)应用于动态创建的 CheckBoxes
我使用出色的iCheck插件在我的表单中设置复选框的样式。
使用该插件,我只需调用$('input').iCheck()
即可应用所需的外观和功能。
但是,我坚持在.iCheck()
动态创建的复选框上调用该函数。
在 ajax 调用中,我在成功函数中构建我的复选框,如下所示;这是在一个$.each
块中,但为了简单起见,我只在语句中包含了代码。
DOM 树中已经存在el
id 的 div在哪里,我的对象是否以 JSON 形式返回container
n
在构建复选框之后,我$('#container input').iCheck();
显然打电话给我,除了标准复选框之外我没有什么特别的。我认为这是因为复选框是在.iCheck()
调用之后动态创建的。但即使在我创建复选框并调用.iCheck()
结果之后也是一样的。
有人可以指导我吗?
jquery - 遇到 jQuery 查找问题
我目前有一个表格,在选择选项后将类附加到输入标签上。在使用 iCheck 插件之前,我让它运行良好。我基本上是通过一系列父母来找到“.frmLabel”类并向其添加“.frmLabelChecked”类。它适用于我的选择和文本输入,但不适用于单选和复选按钮。
从我可以看到 iCheck 插件为表单样式添加了一个额外的 div 元素,因此添加一个额外的 parent() 似乎可以解决这个问题。这有点乱,但这是我能做的最好的事情,因为我正在使用的小部件是动态拉入的。
现场示例可以在这里找到:http : //bvp.dmediastudios.com,没有 icheck 的版本(有效)在这里http://bvp.dmediastudios.com/v4/
代码如下:
复选框代码
非工作版本可以在这里找到:bvp.dmediastudios.com,工作版本(没有 iCheck)可以在这里找到:bvp.dmediastudios.com/v4/
这是上面函数引用的html块
任何帮助,将不胜感激。在页面本身上查看 html 可能更容易。
jquery - 选中的 Ajax 复选框不起作用
我有一个带有 id 的复选框#cond99
;它是从 ajax 加载的,它工作正常,但我想添加一个动作,但它不工作。谁能帮我?
jquery - iCheck 复选框未显示
我无法在任何浏览器中显示iCheck iCheckbox 插件。
这是一个 jSFiddle。iCheck 依赖于 jQuery 1.7+。
我在没有任何选项的情况下对其进行了初始化:
如您所见,如果您检查 DOM,输入元素被 iCheckbox div 包裹。<input>
然而,和<ins>
元素的不透明度都设置为 0 。
通过 jQuery 改变它们的不透明度,你会得到这个:http: //jsfiddle.net/buRq7/
不幸的是,它仍然不起作用。有没有人有任何建议或经验让这个工作?
我正在使用 rails 4 和资产管道。
编辑: 我刚刚意识到我在 jsFiddle 中选择了无库(纯 JS)作为框架选项,即使不改变不透明度也似乎可以工作(参见:http: //jsfiddle.net/buRq7/5/)。但是,文档明确表示它依赖于 jQuery(或 Zepto)。将框架选项切换到 jQuery 1.10.1 会导致 iCheckbox 不再起作用……不知道为什么会这样。
jquery - 带有复选框和 jQuery iCheck 的 jQuery 同位素组合过滤器
我根本不知道 javascript,所以一直在尝试将它拼凑起来,我已经让同位素工作并使用 iCheck 设置了复选框的样式。
这是我试图实现的同位素效应 - 多个组合过滤器:http ://codepen.io/desandro/pen/btFfG
如果没有 iCheck,该功能可以正常工作,但是一旦添加了 iCheck,复选框就不起作用 - 过滤仍然有效。
例如。加载时,默认选中“任何卧室”。当检查“ 4间卧室”时,“任何卧室”应该取消选中。然后,如果我要取消选中“4 间卧室”,则需要再次选中“任何卧室”。
我在这里做了一个小小提琴:http: //jsfiddle.net/KW5H2/1/
请问有人可以阐明一下吗?
javascript - 单选按钮和行为有效,但是在将工作单选按钮转换为 icheck 插件时,我想不出一条简单的线
这是影响单选按钮行为的咖啡脚本。示例可以在这里找到:http: //jsfiddle.net/ambiguous/Xk5ZC/
这是将上述内容转换为 iCheck 的尝试。但是,我在代码的最后一行遇到问题,我正在尝试初始化咖啡脚本。
我还尝试了其他一些方法来初始化代码,例如
$('.stepRadio:checked').iCheck('check')
没有任何效果。
任何帮助,将不胜感激。这里是 icheck:https ://github.com/fronteed/iCheck
jquery - iCheck 库:CSS 样式问题
我将iCheck库用于几个单选按钮。我希望按钮及其标签全部显示在同一行(请参阅此处的 jsFiddle ),但无法正确设置元素的样式。
问题是(我认为)iCheck“用一个 div 包装每个输入,它可以由您自定义或使用其中一种可用的皮肤”(引自iCheck页面的“简单用法”部分)。
我试过的
-- 仅覆盖库 CSS 中的 display 属性,如下所示:
.iradio_flat-orange { 显示:内联!重要;}
结果 - 单选框完全消失了。
-- 将标签包裹在一个单一的<span style="display: inline">
结果 - 没有变化,单选按钮按 jsFiddle 显示。
有谁知道如何适当地设置单选按钮的样式?
javascript - jquery icheck 当前元素上下文
使用这种方法不适合我的需求:
如何检索当前上下文?我想显示标签标签之间的文本。我的 html 看起来像
jquery - 使用 iCheck 限制选中复选框的数量
我正在使用 iCheck 来设置复选框的样式,但我在使用它时遇到了麻烦。基本上我需要允许一次检查 3 个复选框,并防止检查更多的复选框。
我试过用这个:
它可以在没有 iCheck 的情况下工作,如下所示,但我无法让 iCheck 更新。