【问题标题】:How to hide DIV in paging如何在分页中隐藏 DIV
【发布时间】:2015-09-06 12:23:51
【问题描述】:

我有一个onclick 按钮,可以删除所有 DIV 结果。但它只删除了分页 1 中的 DIV。其他结果在分页 2.3 中......等不会被删除。如何解决?

function removeDiv (){
    $('#divPlay').removeClass("visible").addClass("hidden");
}

<a onclick="removeDiv()">Remove</a>

分页1:好的-

分页 2:错误 -

【问题讨论】:

  • 您还应该提供html,否则我们无法回答问题。
  • 在点击分页按钮时添加对该函数的引用。

标签: jquery html twitter-bootstrap pagination show-hide


【解决方案1】:

在分页时调用删除 div:

$('.pagination a').on("click", function(){
    removeDiv();
}}

但是,如果表格的数据是动态加载的,我建议将隐藏 div 的逻辑放在加载(或检索)数据的代码中,而不是等到文档中的元素可用。

【讨论】:

  • 我正在使用引导程序,dataTable,查询是一次性加载的,但是 dataTable 会创建分页。 DIV在所有分页中的工作怎么办?如何让脚本理解分页形成单个查询?
  • 您能否分享您检索数据的代码,类似于此处示例从文本文件加载的方式? datatables.net/examples/ajax/null_data_source.html 您可以在使用插件创建 HTML 元素之前解析数据。
  • 我设法在点击标签时应用该功能。 $('#example tbody').on('click', 'button', function () { var data = table.row( $(this).parents('tr') ).data(); alert( data [0]+"的工资是:"+data[5]);});谢谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-12-15
  • 1970-01-01
相关资源
最近更新 更多