Javascript OnClick事件不发生'；不适用于超过10个条目的值

Javascript-yadcf filter OnClick事件在以下情况下不起作用：

• 10行输入后
• 在这种情况下：加载html页面时，X1标记位于1-10个条目之间，X2标记位于10个条目之后。如果您使用onclick事件过滤，则您有：如果您使用onclick事件，则X1标记起作用；如果您使用onclick事件，则X2不起作用，因为在加载页面html时，X2最初超过10个条目

这是我的javascript代码：

    var oTable;
$(document).ready(function(){
  oTable = $('#example').dataTable().yadcf([
                {column_number : 0},
            {column_number : 3,  filter_type: "range_number_slider", filter_container_id: "external_filter_container"},
            {column_number : 2, text_data_delimiter: ",", filter_type: "auto_complete"},
            {column_number : 1, text_data_delimiter: ",", filter_type: "auto_complete"},
            {column_number : 4, column_data_type: "html", html_data_type: "text", filter_default_label: "Select tag", filter_type: "auto_complete"}]);

 $(".label.lightblue" ).on( "click", function() {
      yadcf.exFilterColumn(oTable, [[4, $(this).text()]]);

    });

        $(".label4.lightblue4" ).on( "click", function() {
      yadcf.exFilterColumn(oTable, [[4, $(this).text()]]);

    });

     $(".label2.lightblue2" ).on( "click", function() {
      yadcf.exFilterColumn(oTable, [[2, $(this).text()]]);

    });
});

JSFIDLE上的实时示例：

标记（标签）是动态添加的，因此它们没有附加事件。不要使用

。单击（）

像这样使用

$('#example').on('click',".label.lightblue", function () {
    alert('onclick label');
    yadcf.exFilterColumn(oTable, [
        [4, $(this).text()]
    ]);
});

对于

.label4.lightblue4

和

.label2.lightblue2

这是一个

希望这有帮助