标题下的响应式JQuery移动下拉菜单隐藏在面板下

时间:2015-07-13 09:57:24

标签: html jquery-mobile

下拉菜单在内容页面上正常运行。 但是当谈到面板时,面板会滑过菜单。

我正在使用jquery.mobile-1.4.5.js和ResponsiveMultiLevelMenu来实现菜单功能。

以下是代码:

的test.html

            <table data-role="table" data-mode="columntoggle:none" class="ui-responsive" border="0" style="overflow-y:visible !important;">
                <thead>
                    <tr>
                        <th style="text-align:right; width:80%;"></th>
                        <th style="text-align:right; width:20%;overflow-y:visible !important;">
                            <div id="dl-menu" class="dl-menuwrapper demo-1" style="overflow-y:visible !important;">
                                <button class="dl-trigger" id="menuButton">
                                </button>
                                <ul class="dl-menu">
                                    <li align="left">
                                        <a href="#" style="text-decoration: none; color:white">Home</a>
                                    </li>
                                    <li align="left">
                                        <a href="#" style="text-decoration: none; color:white">Settings</a>
                                    </li>
                                    <li align="left">
                                        <a href="#" style="text-decoration: none; color:white">Logout</a>
                                    </li>

                                </ul> 
                            </div>
                        </th>

                    </tr>
                </thead>
            </table>

        </div>

提前致谢。

0 个答案:

没有答案