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

Javascript Ryan Fait自定义HTML表单和新添加的元素,javascript,jquery,css,input,Javascript,Jquery,Css,Input,我正在使用此脚本设置复选框和单选按钮的样式,效果很好: 问题是当我使用jquery将复选框和单选按钮以友好方式添加到页面时。这些新创建的项目不会设置样式 有人知道怎么解决这个问题吗 编辑: 我使用以下方法动态添加新复选框: dropdown.change(function () { $('#template').tmpl(data).appendTo('.container'); //here the new elements get added Custom[init]();

我正在使用此脚本设置复选框和单选按钮的样式,效果很好:

问题是当我使用jquery将复选框和单选按钮以友好方式添加到页面时。这些新创建的项目不会设置样式

有人知道怎么解决这个问题吗

编辑: 我使用以下方法动态添加新复选框:

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

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

input[type='radio'] {
    opacity: 0;
}
接下来,我用span标记将单选按钮包装起来,并使用类似.checkbox的类

现在,您应该能够轻松地附加事件以显示/隐藏背景图像

请参阅完整演示:


我不太喜欢用脚本做事情,而你不喜欢

显示jQuery。您可能在没有正确类的情况下创建了元素。我认为问题在于Ryan的脚本没有设计为使用动态创建的标记。从我所看到的,Ryan的脚本只查找具有特定类的元素,并对其应用CSS。如果您想回答问题,请显示您的代码。这是正确的。但是我的元素是在Ryan的脚本加载开始后创建的,这就是为什么它们没有被样式化。也许有一种方法可以迫使Ryan的脚本在新添加的元素创建后再次运行?(如果必要,我将显示我的代码-它太长,而且实际上不相关)