菜單href =「＃pannel」在android上不能正常工作

Question

我有下面的代碼，我在phonegap（iphone）上測試過它，但現在當我直接在android上測試時，菜單不起作用..

<div data-role="panel" id="pannel" data-position="right" data-display="overlay" data-dismissible="true" data-theme="b" > 
    <ul data-role="listview" data-inset="true"> 
    <li> 
     <a href="javascript;" ontouch="home();" onclick="home();">Home</a> 
    </li> 

    </ul> 
</div> 

，然後在頁腳，我有這樣的代碼，其中應該點擊菜單顯示上述..

<a data-mini="true" data-inline="true" data-role="button" href="#pannel" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-inline ui-btn-up-c">&equiv;</a> 

請指點。我正在加載jquery.mobile-1.4.5.js

Answer 1

我想我們爲什麼不工作。問題在於CSS轉換。 我加了下面這行：

-webkit-transition：width 0.5s;

#pannel 
{ 
    z-index:1003; 
    position: fixed; 
    display: inline-block; 
    top: 30px; 
    height: 100%; 
    width: 200px; 

    /*background-color: black; */ 
    transition: all 0.5s ease-in-out; 
    -webkit-transition: width 0.5s; 
}