Страница полностью не отвечает

Question

H, я использую jQuery Mobile для создания веб-приложения. У меня проблема с одной из страниц.

у меня есть этот код:

<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

wow У меня плохой день.

я обнаружил мой стиль для страницы был z-index: -1;

извлекая эту строку фиксированной проблемы