Question

H，我正在使用jQuery Mobile构建一个Web应用程序。我的其中一个页面有问题。

我有这段代码：

<div id="timer" data-role="page">

    <div data-role="header">
        <a href="#menu" data-role="button">Menu</a>
        <h2>Timer</h2>
    </div>

    <div data-role="content">
        <a href="#" id="startStop" data-role="button"> Start</a>
        <div class="ui-grid-a" data-type="horizontal">
            <div class="ui-block-a">
                <input type="text" id="tHours" placeholder="HH" value="01"/>
                <div data-role="controlgroup" data-type="horizontal">
                    <a href="#" id="hPlus" data-role="button" data-icon="plus" data-iconpos="notext">plus</a>
                    <a href="#" id="hMinus" data-role="button"data-icon="minus" data-iconpos="notext">delete</a>
                </div>
            </div>
            <div class="ui-block-b">
                <input type="text" id="tMinutes" placeholder="MM" value="00"/>
                <div data-role="controlgroup" data-type="horizontal">
                    <a href="#" d="mPlus" data-role="button" data-icon="plus" data-iconpos="notext">plus</a>
                    <a href="#" d="mMinus"data-role="button"data-icon="minus" data-iconpos="notext">delete</a>
                </div>
            </div>
        </div>
    </div>
</div>

在测试此页面时，我发现没有任何反应。

当我将鼠标移到页面上的按钮和文本框上时，我甚至没有拿到表示我可以点击的小手。

任何人都可以看到此代码有问题吗？感谢

Answer 1

哇，我今天过得很糟。

我发现该页面的样式为z-index: -1;

删除此行修复了问题

Page是完全没有回应的

1 个答案: