网格之间的切换问题答案

【问题标题】：toggle issue between grids网格之间的切换问题
【发布时间】：2013-05-30 11:15:16
【问题描述】：

我有两个 jqgrid。一次只能看到一个。为此，我尝试像这样切换。一次只应显示一个网格。对于板网格，它工作正常。但是对于列表网格，两个网格都会显示。

.jsp
<tr valign="top" id="message" style="display: block;" >
                    <td align="left">
                        <%@ include file="grid1.jsp" %>
                    </td>
                </tr>
<tr valign="middle" id="task" style="display: none;" >
                    <td align="left">
                        <%@ include file="grid2.jsp" %>
                    </td>
                </tr>

在 java 脚本中，我尝试过相应地制作样式 "" 或无。当我按下按钮时将调用板函数侧面按钮我喜欢

<img src="images/board.jpg" onclick="board()"> 

board(){
document.getElementById("message").style.display = "";
document.getElementById("task").style.display = "none";
}

另一个网格将像这样调用

<img src="images/board.jpg" onclick="list()"> 
list(){
document.getElementById("message").style.display = "none";
document.getElementById("task").style.display = "";
}

但对我来说，页面的初始加载仅显示板。但是当我按下切换按钮时，它会同时显示板和列表。我的代码有什么错误吗？

【问题讨论】：

为什么标记为 jquery？ board(){}、函数board(){}是什么意思？ document.getElementById("message").style.display = "block";
board() 是我尝试隐藏/显示网格的一种方法。单击按钮调用方法板。此时，应该只有一个网格可见。我标记了 jquery，因为我尝试了对我不起作用的切换方法。

标签： javascript jquery page-flipping

【解决方案1】：

对于切换，您可以像这样使用。

这是 jsfiddle 中的一个 jquery 示例

JsFiddle

$(thing).toggle();

用于切换。

【讨论】：