javascript - Ryan Fait 自定义 HTML 表单和新添加的元素

Question

我正在使用这个脚本来设置复选框和单选按钮的样式，它工作正常:

http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

问题是当我使用 jquery 将复选框和单选按钮动态地添加到页面时。这些新创建的元素没有样式。

有人知道解决这个问题的方法吗？

编辑:我正在使用这个动态添加新的复选框:

dropdown.change(function () {
    $('#template').tmpl(data).appendTo('.container'); //here the new elements get added
    Custom[init](); //THIS DOESN'T TRIGGER
});

Answer 1

我不确定 Ryan 的脚本是如何工作的，但我参与过很多涉及自定义单选按钮的元素。通常我所做的是，使用 CSS 并将单选按钮的不透明度设置为零。

input[type='radio'] {
    opacity: 0;
}

接下来，我用 span 标签包裹单选按钮，标签中有类似 .checkbox 的类。

现在您应该可以轻松地附加一个事件来显示/隐藏背景图像。

查看完整演示:http://jsfiddle.net/07x4zr79/

我不太喜欢使用脚本来做事，如果你不这样做的话。