JQM消息未显示

时间:2014-07-01 18:19:40

标签: jquery-mobile

我在使用Jquery mobile 1.4.2时显示一个简单的标题消息时遇到问题。页面加载时显示的消息然后很快消失。我无法弄清楚是什么隐藏了显示的消息。奇怪的是,当我从页面中删除消息显示的“面板”时,我需要面板来显示页面的功能。此外,在弄乱Jsfiddle时,我注意到早期版本的JQM正确地显示了消息。感谢

Jsfiddle是http://jsfiddle.net/sAKq5/

<div data-role="page" id="pager">
       <div data-role="panel" id="addpanel" data-position="right" data-animate="false">
        </div>


        <div class="header" data-role="header">
        </div>

        <div data-role="main" class="ui-content">
            <h3>Your Table </h3>
            <table id="xx">
            </table>
            <ul id="xxx">
            </ul>
        </div>

        <div class="actionMsg"> 
            <h5> Message holder at length </h5> 
        </div>

        <div class="footer" data-theme="a" data-role="footer" data-position="fixed" class="actionMsg">
            <h2>
                Powered by
            </h2>
        </div>
    </div>

1 个答案:

答案 0 :(得分:0)

添加行

 z-index: 1000; 

进入css允许显示消息。如果z-index小于1000,则仍未显示消息。