1***@qq.com
1***@qq.com
  • 发布:2017-04-14 15:50
  • 更新:2019-04-25 12:21
  • 阅读:2750

为什么我在mui里写的jquery的点击事件不生效?

分类:MUI
$(document).click(function(){  
    console.log(1111)  
})

在外部应用的js文件,但是点击事件进不去,无法打印,这是为什么呢?以前写的就可以用click事件

2017-04-14 15:50 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com

你从选取元素入手一点点实验吧,这个问题不是很难,你得先去确定你的元素是不是选到了,自己动手丰衣足食

1***@qq.com

1***@qq.com (作者)

元素获取到了,但是点击是断点不进去打印,直接就完成点击了,

2***@qq.com

2***@qq.com

你把代码发出来看看 把你引的依赖js文件 都引用了哪些

1***@qq.com

1***@qq.com (作者)

这是home页面

<!doctype html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title></title>  
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
    <link href="../css/mui.min.css" rel="stylesheet" />  
</head>  

<body>  
    <!-- 主界面移动、菜单不动 -->  
    <div class="mui-off-canvas-wrap mui-draggable">  
      <!-- 菜单容器 -->  
      <aside class="mui-off-canvas-left" id="offCanvasSide">  
        <div class="mui-scroll-wrapper">  
          <div class="mui-scroll">  
            <!-- 菜单具体展示内容 -->  
                <ul class="mui-table-view">  
                    <li class="mui-table-view-cell">Item 1</li>  
                    <li class="mui-table-view-cell">Item 2</li>  
                    <li class="mui-table-view-cell">Item 3</li>  
                    <li class="mui-table-view-cell">Item 1</li>  
                    <li class="mui-table-view-cell">Item 2</li>  
                    <li class="mui-table-view-cell">Item 3</li>  
                </ul>  
          </div>  
        </div>  
      </aside>  
      <!-- 主页面容器 -->  
      <div class="mui-inner-wrap">  
        <!-- 主页面标题 -->  
        <header class="mui-bar mui-bar-nav">  
          <a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"  href="#offCanvasSide" ></a>  
          <h1 class="mui-title">单车分布</h1>  
        </header>  
        <div class="mui-content mui-scroll-wrapper">  
          <div class="mui-scroll">  
            <!-- 主界面具体展示内容 -->  

          </div>  
        </div>   
        <div class="mui-off-canvas-backdrop"></div>  
      </div>   
    </div>  

</body>  
<script src="../js/jquery-1.5.2.min.js"></script>  
<script src="../js/mui.min.js"></script>  
<script src="../js/home.js"></script>  
</html>

这是home的js文件

//mui.init()  
//mui.plusReady(function(){  
    var pages=[  
        {url:"1.html",id:"1"},  
        {url:"2.html",id:"2"}  
    ]  
    mui(document).on("tap",".mui-table-view-cell",function(){  
        var index = $(this).index();  
        mui.openWindow({  
            url:pages[index].url,  
            id:pages[index].id,  
            styles:{  
                top:"0",  
                bottom:"0"  
            }  
        })  
    })  
//})  
//console.log($(document))  
$(document).click(function(){  
    console.log(1111)  
})
2***@qq.com

2***@qq.com

你的代码应该是写在plus ready里,然后 你去看一下你的滚动区域的样式 是定位的 ,我没时间去copy你的代码 run,不好意思,你去检查一下你的wrapper里的position 是不是很大 然后把你点击的元素遮住了,剧终

该问题目前已经被锁定, 无法添加新回复