如何在生成新的动态表单后调用JS函数

Question

您好，我在显示iCheck JS库提供的自定义设计时遇到了一些问题。以下代码在静态html页面上正常工作。但是，当我将所有内容导入我的asp.net项目时，我无法在动态生成的单选按钮上应用自定义设计。这是文档推荐的代码：

<script>
$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_flat',
    radioClass: 'iradio_flat'
  });
});
</script>

我知道我的问题背后的原因是JS在生成输入控件之前执行。我尝试使用委托函数和单击操作找到此问题的解决方法，因此当用户单击生成控件的按钮时，他最终也会加载新设计。这是代码：

<script>
        $('a.catlink').on('click', function () {
            $('input').iCheck({ checkboxClass: 'icheckbox_flat-green', radioClass: 'iradio_flat-green' });
        });
</script>

这对我来说是一件奇怪的事。当我向这个函数添加简单window.alert("Test");时，我能够看到新设计，直到我点击确认确定按钮，然后一切都重置为正常。我的问题在哪里？提前谢谢！

编辑： JS摆弄代码：http://jsfiddle.net/dgyurov/pcJ5T/ 我检查了我的时间表，这是它的截图： green.png是新单选按钮设计的背景图片。