mui的tap事件无响应,求大佬解决,从没用过 10C

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MUI.aspx.cs" Inherits="MUI_MUI" %>

<!DOCTYPE html>




更改图像



<script src="http://xueqiu.ctyes.cn/test/jquery-1.10.2.min.js"></script>
    <style>  
        .imageup{ width:100px; height: 36px; line-height:36px;}  
        .button{  width:100px; height: 50px; line-height:50px;}  
    </style>  
</head>  
<body>  
    <img id="headimg" src=''  height="150"  width="150">
    <p><button class="imageup" id="#upimg">上传图片</button> </p> 
    <p><button onclick="upload();" class='button'> 提交</button></p>

    <script>  

        var up = document.getElementById("upimg");
        function plusReady(){  
            // 弹出系统选择按钮框  
                up.addEventListener("tap", function () {
                    page.imgUp();
                });
        }

        var page=null;  
        page={  
            imgUp:function(){  
                var m=this;  
                plus.nativeUI.actionSheet({cancel:"取消",buttons:[  
                    {title:"拍照"},  
                    {title:"从相册中选择"}  
                ]}, function(e){//1 是拍照  2 从相册中选择  
                    switch(e.index){  
                        case 1:appendByCamera();break;  
                        case 2:appendByGallery();break;  
                    }  
                });  
            }  
            //摄像头  
        }  

        // 拍照添加文件
        function appendByCamera(){
            plus.camera.getCamera().captureImage(function(e){
                console.log(e);
                plus.io.resolveLocalFileSystemURL(e, function(entry) { 
                var path = entry.toLocalURL(); 
                document.getElementById("headimg").src = path; 
                //就是这里www.bcty365.com 
                }, function(e) { 
                    mui.toast("读取拍照文件错误:" + e.message); 
                }); 

            });    
        }
        // 从相册添加文件
        function appendByGallery(){
            plus.gallery.pick(function(path){
                document.getElementById("headimg").src = path; 

            });
        }


        //服务端接口路径
        var server = "http://xueqiu.ctyes.cn/test/";
        //获取图片元素
        var files = document.getElementById('headimg');
        // 上传文件
        function upload(){
            console.log(files.src);
            var wt=plus.nativeUI.showWaiting();
            var task=plus.uploader.createUpload(server,
                {method:"POST"},
                function(t,status){ //上传完成
                    if(status==200){
                        alert("上传成功:"+t.responseText);
                        wt.close(); //关闭等待提示按钮
                    }else{
                        alert("上传失败:"+status);
                        wt.close();//关闭等待提示按钮
                    }
                }
            );
            //添加其他参数
            task.addData("name","test");
            task.addFile(files.src,{key:"dddd"});
            task.start();
        }  
        if(window.plus){  
            plusReady();  
        }else{  
            document.addEventListener("plusready",plusReady,false);  
        }       



    </script>  
</body>   

3个回答

没有初始化,加上init 才能运行mui

mui不是手机端得嘛,还有没看到tap事件得点击啊

#upimg 这个标签你要写样式 cursor : pointer
一些手机上要有这个样式才能促发tap事件

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
为何mui绑定事件tap后ios点击一次就触发了andriod得tap2次才可以触发跳转页面

<div> <ul class="mui-table-view"> <li class="mui-table-view-cell"> <a class="mui-navigate-right">我的收藏</a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right">我的积分</a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right">浏览记录</a> </li> <li class="mui-table-view-cell" id="shdz"> <a class="mui-navigate-right">收货地址</a> </li> </ul> </div> <script src="js/mui.min.js"></script> <script type="text/javascript"> mui.init(); var cc = document.getElementsByClassName("wdxx"); for (var i = 0;i<cc.length;i++){ if(cc[i].innerHTML==0){ cc[i].style.display = 'none'; }else{ cc[i].style.display = 'block'; } } //tap为mui封装的单击事件,可参考手势事件章节 document.getElementById('shdz').addEventListener('tap', function() { //打开关于页面 mui.openWindow({ url: 'addressgl.html', id:'shdz' }); }); </script>

mui中的on tap 事件为什么会执行两次?

代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <script src="js/mui.min.js"></script> <link href="css/mui.min.css" rel="stylesheet" /> <style> </style> <script type="text/javascript" charset="utf-8"> </script> </head> <body> <!-- 主界面不动、菜单移动 --> <!-- 侧滑导航根容器 --> <div class="mui-off-canvas-wrap mui-draggable mui-slide-in"> <!-- 菜单容器 --> <aside class="mui-off-canvas-left" id="offCanvasSide"> <div class="mui-scroll-wrapper"> <div class="mui-scroll"> <!-- 菜单具体展示内容 --> <ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted"> <li class="mui-table-view-cell" style="background-color: deepskyblue;font-size: 25px;"> <strong>菜单导航</strong> </li> </ul> <ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted"> <li class="mui-table-view-cell" style="background-color: orange;"> <a class="mui-navigate-right"> 首页 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 网站导航 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 博客文章 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 视频教程 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 关于作者 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 留言板 </a> </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 id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"> <div class="mui-scroll"> <a class="mui-control-item mui-active" href="#item1mobile" data-wid="tab-top-subpage-1.html"> 推荐 </a> <a class="mui-control-item test"> 热点 </a> <a class="mui-control-item" href="#item3mobile" data-wid="tab-top-subpage-3.html"> 北京 </a> <a class="mui-control-item" href="#item4mobile" data-wid="tab-top-subpage-4.html"> 社会 </a> <a class="mui-control-item" href="#item5mobile" data-wid="tab-top-subpage-5.html"> 娱乐 </a> </div> </div> <div class="content" id="item1mobile"> 推荐 </div> <div class="content" id="item2mobile"> 热点 </div> </div> </div> <div class="mui-off-canvas-backdrop"></div> </div> </div> <script> mui(".mui-scroll").on("tap", ".test", function() { console.log("执行了") var va = this.innerText alert(va) }); </script> </body> </html> 但是每次执行都是打印两次 求解

mui的maskClick事件和mui.menu的问题

```js main = qiao.h.indexPage();//获取主页面也就是获取index.html页面 main.addEventListener('maskClick', opMenu); mui.menu = opMenu; function opMenu(){ if(showMenu){ closeMenu(); }else{ openMenu(); } } ``` 想问一下maskClick事件是什么事件? mui.menu = opMenu;自己目测因此是点击系统菜单按钮触发 opMenu方法的意思;不过在mui的[官方文档](http://dev.dcloud.net.cn/mui/util/#selector)中未查到mui.menu的解释;所以想请大虾说一下mui.menu是什么意思?

tap点击无效方法完全没有被执行

![![![![图片说明](https://img-ask.csdn.net/upload/201808/18/1534587978_264775.png)图片说明](https://img-ask.csdn.net/upload/201808/18/1534587966_494943.png)图片说明](https://img-ask.csdn.net/upload/201808/18/1534587955_644972.png)图片说明](https://img-ask.csdn.net/upload/201808/18/1534587939_823383.png)tap点击无效方法完全没有被执行,页面会根据后台传过来的数据判断,如果是数组则弹出下拉组件,是单个数据的则加载input,现在如果加载弹窗下拉过后则能提交点击,不加载下拉则点不动提交,在点击方法里面完全不能加载点击方法

mui 只能取到第一条数据的值,有大佬会优化吗?

代码如下 ``` <!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.css" rel="stylesheet" /> </head> <style> .radio_inline{ display: inline-block; width: 65%; } .radio_inline label{ width: 80px; padding-left: 25px; padding-right: 0px; margin-left: 12px; } .radio_inline input[type=radio]{ width: 15%; right: auto; } </style> <body> <div class="mui-scroll-wrapper"> <div class="mui-scroll"> <ul class="mui-table-view" id="ulll"> </ul> </div> </div> <script src="js/mui.js"></script> <script src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript"> mui.init() var ulll = document.getElementById('ulll'); mui.post('http://192.168.1.25:8080/order/selectNotLetBike', { }, function(data) { var obj = data.object; console.log(obj); for (a in obj) { var teml = '<li class="mui-table-view-cell mui-media">' + '<a class="mui-navigate-right">' + '<div class="mui-media-body">' + '<p id="aaa" >' + "车辆编号:" + obj[a].bikenumber + '</p>' + '<p class="mui-ellipsis">' + "3元/小时 起" + '</p>' + '</div>' + '</a>' + '</li>'; ulll.innerHTML += teml; } }, 'json'); mui(".mui-table-view").on("tap", "li", function(e) { var cc = document.getElementById("aaa").innerText var aa = this; alert(cc); console.log(aa); var url = "choice.html"; mui.openWindow({ url: url, id: url, styles: { popGesture: 'close' }, show: { aniShow: 'pop-in' }, waiting: { autoShow: false }, extras: { abcd: cc } }); }); </script> </body> </html> ``` 效果图如下 ![图片说明](https://img-ask.csdn.net/upload/201905/08/1557303323_807677.png) 点击li总是弹出第一条数据的车辆编号,我想点击li显示对应的车辆编号 跪求大佬帮助 卡三天了

MUI中上拉加载下拉刷新容器中onclick无法调用问题

MUI中上拉加载下拉刷新容器中onclick无法调用,因控件id为数据库实时id有作他用,无法使用tap事件委托,还有没有其他办法。

mui上拉下拉页面卡如何解决

应用Mui框架做前端。上拉下拉时, ``` <div class="mui-scroll"> html...</div> ``` ,div内的内容过多时,拉动页面很卡,这个问题如何解决,求各大神赐教!

使用vue后mui自带的很多效果都无效,需要刷新才会有效?怎么解决。

![图片说明](https://img-ask.csdn.net/upload/201810/19/1539919623_783760.png) 横向滑动不 刷新 没有 效果

mui顶部选项卡问题。并没能达到效果,请大神指教

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" href="css/mui.min.css"> </head> <body> <div class="mui-content"> <div id="slider" class="mui-slider mui-fullscreen"> <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"> <div class="mui-scroll"> <a class="mui-control-item mui-active" href="#item1mobile" data-wid="movie_home.html">推荐</a> <a class="mui-control-item" href="#item2mobile" data-wid="TV_play.html">电视剧</a> <a class="mui-control-item" href="#item3mobile" data-wid="top_movie.html">电影</a> <a class="mui-control-item" href="#item4mobile" data-wid="top_variety.html">综艺</a> <a class="mui-control-item" href="#item5mobile" data-wid="top_entertainment.html">娱乐</a> </div> </div> </div> </div> <script src="js/mui.min.js"></script> <script src="js/webviewGroup.js" type="text/javascript" charset="utf-8"></script> <script> mui.init(); mui.plusReady(function() { var group = new webviewGroup("top_tab.html", { items: [{ id: "movie_home.html", //这是子页1的路径 url: "movie_home.html", extras: {} }, { id: "TV_play.html", //这是子页2的路径 url: "TV_play.html", extras: {} }, { id: "top_movie.html", //这是子页2的路径 url: "top_movie.html", extras: {} }, { id: "top_variety.html", //这是子页2的路径 url: "top_variety.html", extras: {} }, { id: "top_entertainment.html", //这是子页2的路径 url: "top_entertainment.html", extras: {} }], onChange: function(obj) { var c = document.querySelector(".mui-control-item.mui-active"); if(c) { c.classList.remove("mui-active"); } document.querySelector(".mui-scroll .mui-control-item:nth-child(" + (parseInt(obj.index) + 1) + ")").classList.add("mui-active"); } }); mui(".mui-scroll").on("tap", ".mui-control-item", function(e) { var wid = this.getAttribute("data-wid"); group.switchTab(wid); }); }); mui.back = function() { var _self = plus.webview.currentWebview(); _self.close("auto"); } </script> </body> </html> ![图片说明](https://img-ask.csdn.net/upload/201712/04/1512349674_448752.jpg)

mui pullrefresh 与时间日期冲突

.mui-plus-pullrefresh .mui-scroll { position: absolute; width: 100%; } 这个没效果

mui 安卓页面无法滚动

``` <!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" /> <link rel="stylesheet" href="../../css/base.css" /> <link rel="stylesheet" href="../../css/style.css" /> </head> <body> <header class="mui-bar mui-bar-nav bgcolor-white flex-two"> <a href="" class="mui-pull-left mui-action-back"> <svg class="icon color-main1" aria-hidden="true"> <use xlink:href="#icon-fanhui"></use> </svg> </a> <h1 class="mui-title ">公司简介</h1> </header> <!-- mui-scroll-wrapper 一开始没有加 --> <div class="p20 pullDown mui-content company-introduction mui-scroll-wrapper"> <img src="../../images/about.jpg" alt="" class="per100 mt10" /> <p class="text-in"> 敏华控股有限公司(以下简称敏华)成立于1992年,集团总部位于香港,在美国、英国、中国大陆等全球核心经济区域和城市设有多家子公司、分公司及关联公司。 </p> <p class="text-in"> 敏华主营业务涉及沙发、床垫、板式家具、海绵、家具配件等产品的研发、制造、销售和服务,是中国家具行业的领军企业,现自主研发已获专利及认证的产品达300多项。 </p> <p class="text-in"> 作为中国家具品牌联盟主席单位、全国工商联家具装饰业商会副会长单位、中国家具协会沙发专业委员会执行主席单位,2005年,敏华公司赴海外上市,成为新加坡证券交易所主板上市的首家中国家具企业,新加坡总理授予敏华“杰出贡献奖”。2010年,敏华成功在香港联交所主板挂牌上市,跨向了更大的国际舞台。2014年,敏华控股入选首批“沪港通”,为家具业唯一入选企业。 </p> <p class="text-in"> 2014年,董事局主席黄敏利先生荣登荣福布斯亚洲封面,此前更荣膺香港“十大杰出青年工业家”称号、当选为惠州市第十届政协委员、荣获荣誉市民等。敏华曾多次入选福布斯排行榜,并荣获“十强企业”、“卓越品牌企业”、“高信用等级企业”等多项荣誉称号。2014年敏华控股更荣获香港商业“奥斯卡”——“杰出中国公司奖”殊荣。2017年,敏华荣登“中国民营企业制造业500强”,旗下芝华仕入选“2017亚洲品牌500强”,凭借专业化的技术水平和良好的品牌形象,敏华公司沙发品牌“芝華仕”被授予“中国驰名商标”、“中国名牌”等的荣誉称号。 </p> <p class="text-in"> 敏华旗下拥有“Cheers芝華仕”、“Fleming北欧宜居”两大知名家具品牌。芝华仕作为全球沙发行业的领导品牌,旗下分为主营让人舒适享受的功能沙发——芝华仕头等舱沙发,旗下分为贵族系列与时尚系列,外形线条简洁、设计感强的非功能性休闲沙发——芝华仕都市系列,倡导科技睡眠的床垫——芝华仕5星床垫、芝华仕智能床系列,通过融入先进的科技元素,为千家万户提供舒适、健康、时尚的家居体验,充分满足了不同消费者的需求。 </p> <p class="text-in"> Fleming北欧宜居致力于为欧洲家庭提供更具设计感、更具时尚性、更舒适健康的家居产品,融合时尚潮流、健康舒适与创新设计、技术,赋予产品更多活力,风格独特、舒适美好的家居产品帮助更多家庭提高生活质量。至今,Fleming北欧宜居系列产品已畅销20多个欧洲国家和地区,开设1200多家店铺,与众不同的设计美学和严格把控的精细品质,让每一位使用者都能健康、舒适地享受美好生活。 </p> <p class="text-in"> 在中国,敏华拥有品牌旗舰店超过2200家,并在全球拥有超过3000个销售终端,产品畅销美国、英国、加拿大、中国等100多个国家及地区,运营网络横跨四大洲。敏华旗下的产品更广泛被运用于高铁、酒店、游艇、高端会所、影院等多个领域,每年为全球上亿的消费者提供头等舱沙发享受,深得行业和消费者的肯定及喜爱。 </p> <p class="text-in"> 作为中国大型功能沙发及床垫产品供货商,敏华在中国大陆拥有亚洲强大的沙发生产制造基地,分别在广东、江苏、天津、重庆设有五大低碳、生态的工业园区,建筑面积超过180万平方米的生产基地,配合自建专业物流车配送体系,为全国以及全球的消费者送去方便快捷的优质产品和服务,让敏华产品的舒适家居享受延伸到千家万户。 </p> <p class="text-in"> 自敏华成立伊始,敏华积极带动社会劳动力就业,做大做强传统行业和民族品牌,使个人进步、企业发展和繁荣社会形成良性的循环互动。在此基础上,敏华尽己所能投身慈善公益、体育运动、教育文化、环境保护等各项社会公益活动,始终秉承着“履行社会责任,实现可持续性发展”的企业价值观,为促进社会和谐进步而不懈努力。敏华基于这种社会责任和民族意识,构建自身的企业使命---为千家万户带来健康、舒适、超值、美观的家居,致力于为消费者打造优质的产品和服务,给每个家庭带来“健康、舒适、超值、时尚”的消费新理念和承诺。 </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> </div> <script src="../../js/zepto-1.2.0.min.js"></script> <script src="../../js/mui.min1.js"></script> <script src="../../fonts/iconfont.js"></script> <script src="../../js/font.js"></script> <script type="text/javascript"> mui.init() //初始化 类.mui-scroll-wrapper,使其包裹的区域溢出可以上下滚动 // 一开始没有加这段 (function($){ $(".mui-scroll-wrapper").scroll(); })(mui); </script> </body> </html> ``` 一开始没有加.mui-scroll-wrapper这个类,iphone没有问题.就百度了一下说加上 ``` (function($){ $(".mui-scroll-wrapper").scroll(); })(mui); ``` 这段,没有用给“.mui-content” div加上类“.mui-scroll-wrapper”后,iphone也无法滚动了,并且控制台报错 **[ERROR] : RangeError: Maximum call stack size exceeded.** 请问该如何解决。谢谢!

mui popover 样式多出一条线是怎么回事

![图片说明](https://img-ask.csdn.net/upload/201811/14/1542160649_318310.png) ``` <style type="text/css"> /*移除底部或顶部三角,需要在删除此代码*/ .mui-popover .mui-popover-arrow:after { position: fixed; right: 0px; bottom: 0px; left: 0px; height: 0px; } </style> <div id="popover" class="mui-popover" > <div class="mui-popover-arrow"></div> <div class="mui-input-row mui-radio mui-left"> <label>年假</label> <input name="choose" value="年假" type="radio" > </div> <div class="mui-input-row mui-radio mui-left"> <label>事假</label> <input name="choose" value="事假" type="radio" > </div> <div class="mui-input-row mui-radio mui-left"> <label>病假</label> <input name="choose" value="病假" type="radio" > </div> </div> ```

MUI下拉刷新与区域滚动冲突的解决办法?

MUI下拉刷新与区域滚动冲突的解决办法,横向的overflow-x:auto;在下拉刷新的时候不起作用。 怎么解决 我只想让他能横向滑动

MUI时间控件样式错乱是什么原因

<link href="../css/mui.min.css" rel="stylesheet" /> <script src="../js/mui.min.js"></script> <script src="../js/mui.picker.min.js"></script> <link href="../css/mui.picker.min.css" >/> <div class="mui-content"> <ul class="mui-table-view"> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 会议时间 <span id='stardate' data-options='{"type":"datetime"}' class="mui-pull-right" style="margin-right: 20px;min-width:160px;text-align: right;">请选择(必填)</span> </a> <input type="hidden" name="rideStartTime" id='rideStartTime'/> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 至 <span id='enddate' data-options='{"type":"datetime"}' class="mui-pull-right" style="margin-right: 20px;min-width:160px;text-align: right;">请选择(必填)</span> </a> <input type="hidden" name="rideEndTime" id='rideEndTime'/> </li> </ul> <script> document.getElementById("stardate").addEventListener('tap', function () { var dDate = new Date(); var optionsJson = this.getAttribute('data-options') || '{}'; var options = JSON.parse(optionsJson); var picker = new mui.DtPicker(options); picker.show(function (rs){ console.log(rs) ; var timestr = rs.text; $('#stardate').html(timestr); picker.dispose(); }); }) document.getElementById("enddate").addEventListener('tap', function () { var dDate = new Date(); var optionsJson = this.getAttribute('data-options') || '{}'; var options = JSON.parse(optionsJson); var picker = new mui.DtPicker(options); picker.show(function (rs) { console.log(rs); var timestr = rs.text; $('#enddate').html(timestr); picker.dispose(); }); }) </script> ![图片说明](https://img-ask.csdn.net/upload/201811/08/1541662374_30428.png) ![图片说明](https://img-ask.csdn.net/upload/201811/08/1541662609_894075.png) 不知道是哪里的问题。样式成这样了

怎样获取选中的下拉列表的value?, mui

$(function() { mui.init(); var why = new mui.PopPicker(); why.setData([{ value: '0', text: '维修保养' }, { value: '1', text: '事故' }, { value: '2', text: '处理罚单' }, { value: '3', text: '合同到期' }, { value: '4', text: '车况不佳' }]); // 选择换车原因 $('.mui-form-group').on('tap', '.mui-select-why', function() { var _this = $(this); var _input = _this.find('input[type="hidden"]'); var _span = _this.find('span'); why.show(function(rs) { _span.html(rs[0].text); if(_span.hasClass('ft-999999')) { _span.removeClass('ft-999999').addClass('ft-333333'); } _input.val(rs[0].value); }); return false; }); // 表单提交点击事件 $('.mui-form-group').on('tap', '.mui-btn', function() { alert("12"); mui(this).button('loading'); }); });

html5中 给某一个元素添加加了监听 长按事件,但执行一次后就失效了

如题,该元素上还有单击事件,插件用的mui 单击事件在没点击长按事件钱都是正常的,长按一次后,长按和点击全部失效。

用mui做的把两个页面连接起来实现不同页面事件的触发

Mui框架做的两个页面,一个只有nav和foiter,一个只有content ,插入子页面的方法把两页面连接到同一页面显示,现在想实现点击footer下面一个按钮,让本来在foiter隐藏的一个菜单在content 页面浮现,请问怎么做到?

mui 如何在tab选项卡滚动至顶部并且固定之前禁止tab选项卡中mui-slider-group部分出现滚动?

mui 中间位置有一个tab选项卡 开始的时候tab当中的mui-slider-group部分禁止滚动,直到tab整体滑动到了顶部且固定之后 mui-slider-group部分才能够滚动;然后当mui-slider-group中的内容滑动到最顶部的时候,就禁止禁止mui-slider-group滚动且tab脱离底部固定。搞了好久没搞定,求教!

MySQL 8.0.19安装教程(windows 64位)

话不多说直接开干 目录 1-先去官网下载点击的MySQL的下载​ 2-配置初始化的my.ini文件的文件 3-初始化MySQL 4-安装MySQL服务 + 启动MySQL 服务 5-连接MySQL + 修改密码 先去官网下载点击的MySQL的下载 下载完成后解压 解压完是这个样子 配置初始化的my.ini文件的文件 ...

Python+OpenCV计算机视觉

Python+OpenCV计算机视觉系统全面的介绍。

Vue.js 2.0之全家桶系列视频课程

基于新的Vue.js 2.3版本, 目前新全的Vue.js教学视频,让你少走弯路,直达技术前沿! 1. 包含Vue.js全家桶(vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等) 2. 采用笔记+代码案例的形式讲解,通俗易懂

navicat(内含激活码)

navicat支持mysql的可视化操作,内涵激活码,不用再忍受弹框的痛苦。

HTML期末大作业

这是我自己做的HTML期末大作业,花了很多时间,稍加修改就可以作为自己的作业了,而且也可以作为学习参考

150讲轻松搞定Python网络爬虫

【为什么学爬虫?】 &nbsp; &nbsp; &nbsp; &nbsp;1、爬虫入手容易,但是深入较难,如何写出高效率的爬虫,如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中,经常容易遇到被反爬虫,比如字体反爬、IP识别、验证码等,如何层层攻克难点拿到想要的数据,这门课程,你都能学到! &nbsp; &nbsp; &nbsp; &nbsp;2、如果是作为一个其他行业的开发者,比如app开发,web开发,学习爬虫能让你加强对技术的认知,能够开发出更加安全的软件和网站 【课程设计】 一个完整的爬虫程序,无论大小,总体来说可以分成三个步骤,分别是: 网络请求:模拟浏览器的行为从网上抓取数据。 数据解析:将请求下来的数据进行过滤,提取我们想要的数据。 数据存储:将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 那么本课程也是按照这几个步骤循序渐进的进行讲解,带领学生完整的掌握每个步骤的技术。另外,因为爬虫的多样性,在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性,分别是: 爬虫进阶:包括IP代理,多线程爬虫,图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 Scrapy和分布式爬虫:Scrapy框架、Scrapy-redis组件、分布式爬虫等。 通过爬虫进阶的知识点我们能应付大量的反爬网站,而Scrapy框架作为一个专业的爬虫框架,使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求,我们可以用分布式爬虫让多台机器帮助你快速爬取数据。 &nbsp; 从基础爬虫到商业化应用爬虫,本套课程满足您的所有需求! 【课程服务】 专属付费社群+每周三讨论会+1v1答疑

三个项目玩转深度学习(附1G源码)

从事大数据与人工智能开发与实践约十年,钱老师亲自见证了大数据行业的发展与人工智能的从冷到热。事实证明,计算机技术的发展,算力突破,海量数据,机器人技术等,开启了第四次工业革命的序章。深度学习图像分类一直是人工智能的经典任务,是智慧零售、安防、无人驾驶等机器视觉应用领域的核心技术之一,掌握图像分类技术是机器视觉学习的重中之重。针对现有线上学习的特点与实际需求,我们开发了人工智能案例实战系列课程。打造:以项目案例实践为驱动的课程学习方式,覆盖了智能零售,智慧交通等常见领域,通过基础学习、项目案例实践、社群答疑,三维立体的方式,打造最好的学习效果。

基于STM32的电子时钟设计

时钟功能 还有闹钟功能,温湿度功能,整点报时功能 你值得拥有

学生成绩管理系统(PHP + MYSQL)

做的是数据库课程设计,使用的php + MySQL,本来是黄金搭配也就没啥说的,推荐使用wamp服务器,里面有详细的使用说明,带有界面的啊!呵呵 不行的话,可以给我留言!

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

程序员的兼职技能课

获取讲师答疑方式: 在付费视频第一节(触摸命令_ALL)片头有二维码及加群流程介绍 限时福利 原价99元,今日仅需39元!购课添加小助手(微信号:itxy41)按提示还可领取价值800元的编程大礼包! 讲师介绍: 苏奕嘉&nbsp;前阿里UC项目工程师 脚本开发平台官方认证满级(六级)开发者。 我将如何教会你通过【定制脚本】赚到你人生的第一桶金? 零基础程序定制脚本开发课程,是完全针对零脚本开发经验的小白而设计,课程内容共分为3大阶段: ①前期将带你掌握Q开发语言和界面交互开发能力; ②中期通过实战来制作有具体需求的定制脚本; ③后期将解锁脚本的更高阶玩法,打通任督二脉; ④应用定制脚本合法赚取额外收入的完整经验分享,带你通过程序定制脚本开发这项副业,赚取到你的第一桶金!

实用主义学Python(小白也容易上手的Python实用案例)

原价169,限时立减100元! 系统掌握Python核心语法16点,轻松应对工作中80%以上的Python使用场景! 69元=72讲+源码+社群答疑+讲师社群分享会&nbsp; 【哪些人适合学习这门课程?】 1)大学生,平时只学习了Python理论,并未接触Python实战问题; 2)对Python实用技能掌握薄弱的人,自动化、爬虫、数据分析能让你快速提高工作效率; 3)想学习新技术,如:人工智能、机器学习、深度学习等,这门课程是你的必修课程; 4)想修炼更好的编程内功,优秀的工程师肯定不能只会一门语言,Python语言功能强大、使用高效、简单易学。 【超实用技能】 从零开始 自动生成工作周报 职场升级 豆瓣电影数据爬取 实用案例 奥运冠军数据分析 自动化办公:通过Python自动化分析Excel数据并自动操作Word文档,最终获得一份基于Excel表格的数据分析报告。 豆瓣电影爬虫:通过Python自动爬取豆瓣电影信息并将电影图片保存到本地。 奥运会数据分析实战 简介:通过Python分析120年间奥运会的数据,从不同角度入手分析,从而得出一些有趣的结论。 【超人气老师】 二两 中国人工智能协会高级会员 生成对抗神经网络研究者 《深入浅出生成对抗网络:原理剖析与TensorFlow实现》一书作者 阿里云大学云学院导师 前大型游戏公司后端工程师 【超丰富实用案例】 0)图片背景去除案例 1)自动生成工作周报案例 2)豆瓣电影数据爬取案例 3)奥运会数据分析案例 4)自动处理邮件案例 5)github信息爬取/更新提醒案例 6)B站百大UP信息爬取与分析案例 7)构建自己的论文网站案例

Java8零基础入门视频教程

这门课程基于主流的java8平台,由浅入深的详细讲解了java SE的开发技术,可以使java方向的入门学员,快速扎实的掌握java开发技术!

Python数据挖掘简易入门

&nbsp; &nbsp; &nbsp; &nbsp; 本课程为Python数据挖掘方向的入门课程,课程主要以真实数据为基础,详细介绍数据挖掘入门的流程和使用Python实现pandas与numpy在数据挖掘方向的运用,并深入学习如何运用scikit-learn调用常用的数据挖掘算法解决数据挖掘问题,为进一步深入学习数据挖掘打下扎实的基础。

零基础学C#编程—C#从小白到大咖

本课程从初学者角度出发,提供了C#从入门到成为程序开发高手所需要掌握的各方面知识和技术。 【课程特点】 1 由浅入深,编排合理; 2 视频讲解,精彩详尽; 3 丰富实例,轻松易学; 4 每章总结配有难点解析文档。 15大章节,228课时,1756分钟与你一同进步!

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

多功能数字钟.zip

利用数字电子计数知识设计并制作的数字电子钟(含multisim仿真),该数字钟具有显示星期、24小时制时间、闹铃、整点报时、时间校准功能

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

想学好JAVA必须要报两万的培训班吗? Java大神勿入 如果你: 零基础想学JAVA却不知道从何入手 看了一堆书和视频却还是连JAVA的环境都搭建不起来 囊中羞涩面对两万起的JAVA培训班不忍直视 在职没有每天大块的时间专门学习JAVA 那么恭喜你找到组织了,在这里有: 1. 一群志同道合立志学好JAVA的同学一起学习讨论JAVA 2. 灵活机动的学习时间完成特定学习任务+每日编程实战练习 3. 热心助人的助教和讲师及时帮你解决问题,不按时完成作业小心助教老师的家访哦 上一张图看看前辈的感悟: &nbsp; &nbsp; 大家一定迫不及待想知道什么是极简JAVA学习营了吧,下面就来给大家说道说道: 什么是极简JAVA学习营? 1. 针对Java小白或者初级Java学习者; 2. 利用9天时间,每天1个小时时间; 3.通过 每日作业 / 组队PK / 助教答疑 / 实战编程 / 项目答辩 / 社群讨论 / 趣味知识抢答等方式让学员爱上学习编程 , 最终实现能独立开发一个基于控制台的‘库存管理系统’ 的学习模式 极简JAVA学习营是怎么学习的? &nbsp; 如何报名? 只要购买了极简JAVA一:JAVA入门就算报名成功! &nbsp;本期为第四期极简JAVA学习营,我们来看看往期学员的学习状态: 作业看这里~ &nbsp; 助教的作业报告是不是很专业 不交作业打屁屁 助教答疑是不是很用心 &nbsp; 有奖抢答大家玩的很嗨啊 &nbsp; &nbsp; 项目答辩终于开始啦 &nbsp; 优秀者的获奖感言 &nbsp; 这是答辩项目的效果 &nbsp; &nbsp; 这么细致的服务,这么好的氛围,这样的学习效果,需要多少钱呢? 不要1999,不要199,不要99,只要9.9 是的你没听错,只要9.9以上所有就都属于你了 如果你: 1、&nbsp;想学JAVA没有基础 2、&nbsp;想学JAVA没有整块的时间 3、&nbsp;想学JAVA没有足够的预算 还等什么?赶紧报名吧,抓紧抢位,本期只招300人,错过只有等时间待定的下一期了 &nbsp; 报名请加小助手微信:eduxy-1 &nbsp; &nbsp;

Python可以这样学(第一季:Python内功修炼)

董付国系列教材《Python程序设计基础》、《Python程序设计(第2版)》、《Python可以这样学》配套视频,讲解Python 3.5.x和3.6.x语法、内置对象用法、选择与循环以及函数设计与使用、lambda表达式用法、字符串与正则表达式应用、面向对象编程、文本文件与二进制文件操作、目录操作与系统运维、异常处理结构。

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

机器学习实战系列套餐(必备基础+经典算法+案例实战)

机器学习实战系列套餐以实战为出发点,帮助同学们快速掌握机器学习领域必备经典算法原理并结合Python工具包进行实战应用。建议学习顺序:1.Python必备工具包:掌握实战工具 2.机器学习算法与实战应用:数学原理与应用方法都是必备技能 3.数据挖掘实战:通过真实数据集进行项目实战。按照下列课程顺序学习即可! 课程风格通俗易懂,用最接地气的方式带领大家轻松进军机器学习!提供所有课程代码,PPT与实战数据,有任何问题欢迎随时与我讨论。

Java面试题大全(2020版)

发现网上很多Java面试题都没有答案,所以花了很长时间搜集整理出来了这套Java面试题大全,希望对大家有帮助哈~ 本套Java面试题大全,全的不能再全,哈哈~ 一、Java 基础 1. JDK 和 JRE 有什么区别? JDK:Java Development Kit 的简称,java 开发工具包,提供了 java 的开发环境和运行环境。 JRE:Java Runtime Environ...

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

HoloLens2开发入门教程

本课程为HoloLens2开发入门教程,讲解部署开发环境,安装VS2019,Unity版本,Windows SDK,创建Unity项目,讲解如何使用MRTK,编辑器模拟手势交互,打包VS工程并编译部署应用到HoloLens上等。

几率大的Redis面试题(含答案)

本文的面试题如下: Redis 持久化机制 缓存雪崩、缓存穿透、缓存预热、缓存更新、缓存降级等问题 热点数据和冷数据是什么 Memcache与Redis的区别都有哪些? 单线程的redis为什么这么快 redis的数据类型,以及每种数据类型的使用场景,Redis 内部结构 redis的过期策略以及内存淘汰机制【~】 Redis 为什么是单线程的,优点 如何解决redis的并发竞争key问题 Red...

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

【数据结构与算法综合实验】欢乐连连看(C++ & MFC)案例

这是武汉理工大学计算机学院数据结构与算法综合实验课程的第三次项目:欢乐连连看(C++ & MFC)迭代开发代码。运行环境:VS2017。已经实现功能:开始游戏、消子、判断胜负、提示、重排、计时、帮助。

YOLOv3目标检测实战:训练自己的数据集

YOLOv3是一种基于深度学习的端到端实时目标检测方法,以速度快见长。本课程将手把手地教大家使用labelImg标注和使用YOLOv3训练自己的数据集。课程分为三个小项目:足球目标检测(单目标检测)、梅西目标检测(单目标检测)、足球和梅西同时目标检测(两目标检测)。 本课程的YOLOv3使用Darknet,在Ubuntu系统上做项目演示。包括:安装Darknet、给自己的数据集打标签、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算和画出PR曲线)和先验框聚类。 Darknet是使用C语言实现的轻型开源深度学习框架,依赖少,可移植性好,值得深入探究。 除本课程《YOLOv3目标检测实战:训练自己的数据集》外,本人推出了有关YOLOv3目标检测的系列课程,请持续关注该系列的其它课程视频,包括: 《YOLOv3目标检测实战:交通标志识别》 《YOLOv3目标检测:原理与源码解析》 《YOLOv3目标检测:网络模型改进方法》 敬请关注并选择学习!

u-boot-2015.07.tar.bz2

uboot-2015-07最新代码,喜欢的朋友请拿去

php+mysql学生成绩管理系统

学生成绩管理系统,分三个模块:学生,教师和管理员。 管理员模块:负责学生、老师信息的增删改;发布课程信息的增删改,以便让学生选课;审核老师提交的学生成绩并且打印成绩存档;按照课号查询每个课号的学生成绩

相关热词 c#跨线程停止timer c#批量写入sql数据库 c# 自动安装浏览器 c#语言基础考试题 c# 偏移量打印是什么 c# 绘制曲线图 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行
立即提问