jquery - 选中的 Ajax 复选框不起作用

Question

我有一个带有 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();   
   });   
});   

Answer 1

这应该有效：

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

Answer 2

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

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

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

Answer 3

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

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