使用jquery toggle()切换隐藏/显示表后隐藏的下拉菜单

时间:2014-10-29 15:48:38

标签: javascript jquery asp.net

我有一个非常奇怪的问题,这是问题所在。

  1. 我有一张桌子,在该表的行中我有一个下拉列表。

  2. 可以隐藏此表,通过单击按钮切换显示/隐藏。

  3. 当隐藏表格然后取消隐藏时,下拉菜单现在仅在中心内呈现 桌子的尺寸。因此,如果下拉菜单比表格长,则不会呈现该表格 下拉的一部分。

    我正在使用jQuery中的.toggle方法隐藏/显示表格及其类似内容:

        $(".hideshow").click(function () {
            var tableToToggle = $(this).closest('table').next();
            $(tableToToggle).toggle("slow", function () {
                // Animation complete.
            });
        });
    
  4. 我已经尝试过更改z-index但这似乎没有任何影响,它只是看起来有些下拉列表现在停留在表中并且不会在它之外呈现。

    欢迎解决此问题的任何帮助。

    注意:在ASP.net C#中工作。使用jquery。

    谢谢。

    编辑:更多信息: 希望这是我错过的一些旗帜,有人可以说。似乎不是这样的:(

    另请注意,在我在桌面上进行切换之前,下拉菜单工作正常。按原样呈现。

    下拉列表位于div标签内,如下所示:

    <Table>
     <tr>
       <td>
         <div>
           <button>  //Button toggles the list
           </button>
           <ul>
             <li/> //Dropdown
             <li/>
            </ul>
         </div>
       </td>
      </tr>
    </table>
    

    这些表是在编译时生成的,经过循环并在页面上创建所有表和元素。

    有一些CSS类,但没有什么突出的,只是填充/文本大小对齐那种东西。

    解: 原来是jQuery。 我的jQuery文件没有数据,我有1.8,更新到1.11,现在一切都很完美。因此,如果您遇到类似我描述的内容,请尝试更新您的jQuery文件:)

0 个答案:

没有答案