OnClick 事件不适用于超过 10 个条目的值答案

【问题标题】：OnClick event doesn't work for values over 10 entriesOnClick 事件不适用于超过 10 个条目的值
【发布时间】：2015-03-16 17:38:27
【问题描述】：

Javascript - yadcf 过滤器 OnClick 事件在之后不起作用：

10 行条目后
在这种情况下：您加载 html 页面，在 1-10 个条目之间有 X1 标签，在 10 个条目之后有 X2 标签。如果您使用按 X 的 onclick 事件过滤进行过滤，则您有：如果您使用 onclick 事件，则 X1 标记正在工作，但如果您使用 onclick 事件，则 X2 不起作用，因为 X2 最初是，在加载时页面 html，超过 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()]]);

    });
});

jsfiddle 上的实例：http://jsfiddle.net/chcLmmps/

【问题讨论】：

标签： javascript yadcf

【解决方案1】：

标签（标签）是动态添加的，因此它们没有附加事件。像这样使用.on 而不是.click()。

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

.label4.lightblue4 和 .label2.lightblue2 也是如此

这是DEMO

希望这会有所帮助。

【讨论】：