Javascript 使用jQuery在中小型（移动版）中使隐藏表不可见

我目前正在使用jquerydatatable和Bootstrap处理一个JSP页面

所需的结果是使用各种列对现有数据进行分组，如下所示：

列表人：X Y Z 其中，X、Y和Z是按钮，单击后将按其各自的列触发分组

仅对于“按Z类型列出”生成的新表，除一个字段外，其他数据都相同，以避免从另一页重定向

使用jQuery，我使用jQuery.hide in$document.ready函数隐藏了第二个表，这样，只有在单击特定的Z类型按钮时，它才会显示出来，并且现有的表将被隐藏

以上所有内容都可以正常工作，因为只有一个问题：is UI页面

当我在移动媒体中查看它时，我仍然能够看到在加载时隐藏的表。但是，在正常桌面模式下，它根本不可视

---

如果您对我的问题有任何帮助，我们将不胜感激。

请为您的HTML和JS/jQuery创建一个JSFIDLE->为什么不将表创建为隐藏？为什么要在onload事件中隐藏它呢？onload of page我不希望其他表可见，所以我使用$SecondTable.hide隐藏它；只有在点击按钮后，它才会调用x/y/z中的特定函数，并执行$SecondTable:hidden.show$第一个表：visible.hide；根据要求，我制作了一个示例来说明我的问题。不幸的是，我没有权限在这里发布可以清楚地说明我的问题的图片，因为缺少引导UI更改，在JSFIDLE中没有那么清楚