html ul li在phonegap应用程序的子菜单中出现问题

时间:2017-05-26 10:22:25

标签: javascript jquery html css twitter-bootstrap

我的phonegap应用中有一个li,如下所示,其子ulli

<li class="sub-menu "><a href="#">
   <i class="fa fa-map-marker" aria-hidden="true"></i>
      Switch City </a>
      <ul class="" id="loadCities">
        <li><a href="#">Mumbai</a></li>
        <li><a href="#">Bangalore</a></li>
        <li><a href="#">Personal</a></li>
       </ul>
</li>

然后在同一个ul我有li,如下所示,上面没有其他ulli

 <li class="no-bullet " onclick="window.location = 'user_profile.html';" >
   <button type="button" class="settings_btn line_height">
     <i class="fa fa-user" aria-hidden="true"></i> 
       My Profile</button>
</li>

我的麻烦是我有2个选项,我有子ulli,然后我有4个选项,我没有这个结构。这导致高度问题,即当一个人成为按钮时,它们的大小不一致。

我想要的是,有没有办法让我不必使用li下的按钮,点击li,我会重定向到另一个页面onclick="window.location = 'user_profile.html';

的帮助

请建议一种方式。

0 个答案:

没有答案