自定义JQUERY未在分页页面上加载(第一页除外）

Custom JQUERY Not Loading On Paginated Pages (Except First Page)

本文关键字：加载 第一页 JQUERY 分页 自定义      更新时间：2024-04-29

我正在运行以下jQuery，它会影响页面视图中的元素。我的功能如下：

  $("#clname").on("change", function() {
    var value = $(this).val();
    $("table tr").each(function(index) {
      if (index !== 0) {
        $row = $(this);
        var id = $row.find("td:eq(0)").text();
        if (id.indexOf(value) !== 0) {
            $row.hide();
        }
        else {
            $row.show();
        }
      }
   });
});

您必须在分页回调中重用代码。

编辑：如果你使用ajax，只需在成功函数中添加代码：

$.ajax({
        url: '/pagination',
        dataType: 'json',
        cache: false,
        success: function(data) {
            //ADD your code here
        },
        error: function(xhr, status, err) {
            console.error(this.props.url, status, err.toString());
        }
    });
}

如果您不使用Ajax，只需在单击函数上添加代码即可进行分页。

 $('body')on('click', '.pagination>a', function(event) {
  $("#clname").on("change", function() {
  var value = $(this).val();
  $("table tr").each(function(index) {
   if (index !== 0) {
    $row = $(this);
    var id = $row.find("td:eq(0)").text();
    if (id.indexOf(value) !== 0) {
        $row.hide();
    }
    else {
        $row.show();
    }
  }
   });
  });
  });
相关文章：