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;
}

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

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

请参阅完整演示：http://jsfiddle.net/07x4zr79/

当你不这样做时，我不是使用脚本做事的忠实粉丝。