Question

我有一个标识为#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请求的回调中绑定此事件，该请求将复选框插入代码中。

检查Ajax复选框不会工作

3 个答案: