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

  1. <> class="mui-off-canvas-left">
  2. <> class="mui-scroll-wrapper">
  3. <> class="mui-scroll">
  4. <> class="mui-table-view mui-table-view-chevron mui-table-view-inverted" style="color: #ddd;">
  5. <> class="mui-table-view-cell">
  6. <> class="mui-navigate-right" href="jichu.html">
  7. 基础信息
  • 但是,点击菜单项,里面的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

    设置下就好

    add 提问题

    热门问题

    精彩评论

    highlight comment
    eject