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(); 
}); 

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

Answer 2

這應該工作：

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

Answer 3

如果要插入你r＃cond999元素作爲Ajax，它在document.ready事件觸發時可能不可用，因此，你不能綁定任何東西。

您可能會考慮在Ajax請求的回調中綁定此事件，該請求會將複選框插入代碼中。