选中的 Ajax 复选框不起作用答案

【问题标题】：Ajax checkbox checked wont work选中的 Ajax 复选框不起作用
【发布时间】：2013-06-18 13:51:44
【问题描述】：

我有一个 ID 为 #cond99 的复选框；它是从 ajax 加载的，它工作正常，但我想添加一个动作，但它不工作。谁能帮帮我？

jQuery = window.parent.jQuery;   
jQuery(document).ready(function ()   
{    
   jQuery('input.styled').iCheck(   
   {    
       checkboxClass: 'icheckbox_minimal-orange',   
       radioClass: 'iradio_minimal-orange',  
       increaseArea: '40%' // optional  
   });      
   jQuery('input.styled').iCheck('update');   
   jQuery("#cond999").bind("change", function ()  
   {   
       jQuery('#conditions_more').toggle();   
   });   
});

【问题讨论】：

@JamesMontagne - damirfoy.com/iCheck
iCheck 是样式化复选框和收音机的插件github.com/damirfoy/iCheck
iCheck 可能不会触发底层复选框的更改事件。
但是那个插件非常好并且支持.on('ifChecked', function (event) 和它的工作正常谢谢你的帮助

标签： jquery css ajax html icheck

【解决方案1】：

如果它是动态加载的，您可以使用事件委托 -

jQuery(document).on("change","#cond999", function () {
      jQuery('#conditions_more').toggle();
});

http://learn.jquery.com/events/event-delegation/

【讨论】：

【解决方案2】：

这应该可行：

jQuery(document).on('change', '#cond999', function () {
    jQuery('#conditions_more').toggle();
});

【讨论】：

【解决方案3】：

如果您将 #cond999 元素作为 Ajax 插入，则在 document.ready 事件触发时它可能不可用，因此您无法将任何内容绑定到它。

您可以考虑在将复选框插入代码的 Ajax 请求的回调中绑定此事件。

【讨论】：

我使用了 .on('ifChecked', function (event) from iCheck lib