自己用HBuilder开发环境,使用HTML5+CSS3+JS的网页移动开发方式开发一个APP,下载实现了一个侧滑菜单,代码如下所示:

  1. <!-- 菜单容器 -->
  2. <aside class="mui-off-canvas-left">
  3. <div class="mui-scroll-wrapper">
  4. <div class="mui-scroll">
  5. <ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted" style="color: #ddd;">
  6. <li class="mui-table-view-cell">
  7. <a class="mui-navigate-right" href="jichu.html">
  8. 基础信息
  9. </a>
  10. </li>
  11. </ul>
  12. </div>
  13. </div>
  14. </aside>

但是,点击菜单项,里面的a链接点击后无法跳转!!!

请问有谁知道怎么解决吗???

上传的附件
你的回答被采纳后将获得: 10点积分 (将会扣除手续费1点积分。)

keyboard_arrow_left上一篇 : extern关键字用来干嘛的? MFC开发的界面很丑,有什么好用的美化方案吗?? : 下一篇keyboard_arrow_right

6个回答

perfunctory
2019-02-20 09:53:02

用HBuilder开发的

Begone
2019-02-20 11:45:33

div 模式的侧滑是使用锚点实现,因此禁止了href的默认跳转

FullHouse
2019-02-20 16:17:28

使用addEventListener()或者mui.on进行事件绑定

  1. mui.plusReady(function(){
  2. mui(".mui-table-view").on('tap','.mui-navigate-right',function(){
  3. var href = this.getAttribute('href');
  4. mui.openWindow({
  5. id: 'new',
  6. url: href
  7. })
  8. });
  9. });
TFBOYSer
2019-02-20 19:18:23

之所以点击无反应,是因为mui框架不推荐使用onclic或href跳转,其实把涉及侧拉菜单部分的代码删除掉,onclick事件是可以响应的~

mui框架不推荐使用onclick(会有300ms延迟),或href跳转(会出现白屏现象),建议使用事件委托监听tap事件,这样就解决了

estrangement
2019-03-03 09:24:33

bd

LittleGirl
2019-03-21 16:55:05

设置下就好

精彩评论

eject