使用移动jQuery隐藏或显示HTML表格行

时间:2014-01-27 20:50:29

标签: jquery jquery-mobile

对于移动开发来说绝对是新手,我很可能会遗漏一些非常基本的内容。

我们有一个桌面网站,我们根据a类来点击按钮,隐藏或显示HTML表格行。下面的jQuery位于显示页面中包含的脚本文件中:

HTML code:

<tr class="parentHeaderRow">
...
...
<tr class="parentHeaderRowHidden">

jQuery 1.7.1脚本:

$('#rowHide').click (function() {
    $("tr.parentMetricRowHidden").css("display", "none");
    $("tr.childMetricRowHidden").css("display", "none");
    $("tr.grandchildMetricRowHidden").css("display", "none");
});

单击按钮,删除或显示相应的行。

当尝试在移动版本中复制此隐藏/显示行功能时,我们遇到了一个有趣的问题。

在初始页面加载时,上面的代码将起作用。但是,一旦我们进行选择并使用新数据刷新页面,例如从区域到区域,代码对后续页面加载不起作用。实际上,我们看不到这些脚本的按钮点击触发的任何事件。

我们尝试过的事情:

  • 更改声明 FROM $(文档).ready(function(){ TO $(document).bind(“pageinit”,function(){
  • 包括隐藏/显示内部和外部的脚本 脚本文件中的$(document).bind函数
  • 在显示中的标签中包含上面的显示/隐藏脚本 页
  • 改变了内联和通过CSS的风格和类

非常感谢任何和所有帮助!

0 个答案:

没有答案