menu href = "# pannel" не работает на android

Question

У меня есть следующий код, который я тестировал на телефоне (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: ширина 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; 
}