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;
}

menu href =“＃pannel”无法在android上运行

1 个答案: