Question

我正在使用jquery-mobile创建一个移动网站，并尝试通过在桌面的CSS中修复ui-page的宽度来设置桌面版本。

这似乎工作正常，但我无法再单击覆盖面板菜单中的列表视图条目。如果我将光标悬停在链接上，它不会像您期望的那样将光标更改为链接。点击只是让面板再次消失。这没有ui页面宽度css添加工作正常，但我不明白为什么。

有什么明显的我没有考虑过吗？

我的css是：

<div data-role="page" class="ui-page">

<div data-role="panel" id="mainMenu" data-theme="b" data-position="left" data-display="overlay" data-animate="false">
    <ul data-role="list-view" class="ui-listview ui-corner-all ui-shadow" data-theme="b" data-inset="true">
        <li>
            <h3>200 Solemn Faces</h3>
        </li>
        <li><a class="ui-btn ui-btn-icon-right ui-icon-carat-r" href="about.php">About</a></li>
        <li><a class="ui-btn ui-btn-icon-right ui-icon-carat-r" href="archive.php">Archive</a></li>
        <li><a class="ui-btn ui-btn-icon-right ui-icon-carat-r" href="http://www.zazzle.com/hahapeculiar" target="_blank">Merchandise</a></li>
        <li data-role="list-divider"><h3>Support</h3></li>
        <li>(this includes upvoting, sharing, and also of course Patreon)</li>
        <li><a class="ui-btn ui-btn-icon-right ui-icon-carat-r" href="support.php" target="_blank">How to support</a></li>
        <li><a class="ui-btn ui-btn-icon-right ui-icon-carat-r" href="http://patreon.com/hahapeculiar" target="_blank">Patreon</a></li>
        <li><a class="ui-btn ui-btn-icon-right ui-icon-carat-r" href="http://topwebcomics.com/members/votefavorite.aspx?id=19543" target="_blank">Vote on TopWebComics</a></li>
        <li data-role="list-divider"><h3>Follow</h3></li>
        <li><a class="ui-btn ui-btn-icon-right ui-icon-carat-r" href="http://twitter.com/solemn_faces" target="_blank">Twitter</a></li>
        <li><a class="ui-btn ui-btn-icon-right ui-icon-carat-r" href="http://www.facebook.com/hahapeculiar" target="_blank">Facebook</a></li>
        <li><a class="ui-btn ui-btn-icon-right ui-icon-carat-r" href="http://plus.google.com/109016014274913676934" target="_blank">Google+</a></li>
        <li><a class="ui-btn ui-btn-icon-right ui-icon-carat-r" href="http://tapastic.com/series/hahapeculiar" target="_blank">Tapastic</a></li>
        <li><a class="ui-btn ui-btn-icon-right ui-icon-carat-r" href="http://eepurl.com/bpz8C1" target="_blank">Mailing List</a></li>
        <li><a class="ui-btn ui-btn-icon-right ui-icon-carat-r" href="/rss.xml" target="_blank">RSS Feed</a></li>
    </ul>
</div>

并且面板的html是

{{1}}

目前我的页面为https://ellislab.com/codeigniter/user-guide/general/views.html，右上方的按钮显示相关面板

jquerymobile ui-page width panel listview

0 个答案: