ajaxコール・キャッチ・イベントがブートストラップ・スイッチ上で動作していませんレスポンス・ビューのdatatablesプラグイン内のスイッチ

Question

Ajaxコール・キャッチ・イベントがレスポンス・ビューのdatatablesプラグイン内のブートストラップ・スイッチで機能しません。

$('.switch').bootstrapSwitch(); 
$('.switch').on('switchChange.bootstrapSwitch', function() 
{ 
    var id =$(this).attr("attrid"); 
    $.ajax({ 
     type:'POST', 
     url:'<?php echo base_url();?>parties/party_status_ajax', 
     data:{'id':id,'checked':$(this).bootstrapSwitch('state')}, 
     success: function (data) 
     { 
      $('.close').click(); 
      $('#successmessage').html(data); 
     } 
    }); 
}); 

Answer 1

問題は、そのコードが実行されるときに、HTMLに存在しない要素にイベントを結合している、あなたはデータテーブル

の後続の要素にバインドするために delegated eventsを使用する必要があるかもしれません

次のようなもの

$("#dataTable tbody").on("switchChange.bootstrapSwitch", ".switch", function() { 
    var id =$(this).attr("attrid"); 
    $.ajax({ 
     type:'POST', 
     url:'<?php echo base_url();?>parties/party_status_ajax', 
     data:{'id':id,'checked':$(this).bootstrapSwitch('state')}, 
     success: function (data) 
     { 
      $('.close').click(); 
      $('#successmessage').html(data); 
     } 
    }); 
});