美文网首页
mui点击事件失效

mui点击事件失效

作者: 我是syq吖 | 来源:发表于2019-06-14 08:27 被阅读0次
     $('ul').on('click','li',function(){                     
    console.log("2.点击lu中的li");
    //alert("2.点击lu中的li");
    var topicId=$(this).attr('id');//获取点击li标签的话题id;
    })
    

    点击ul中的li元素,点击失效,有时只有点击li元素的左侧才生效。

    解决办法:mui有自带的点击事件绑定

    mui("ul").on('tap','li',function(){
     //console.log("点击事件");
    var topicId=$(this).attr('id');//获取点击li标签的话题id;
    //console.log("点击事件id=="+topicId);
    })    
    

    本来是需要这样的,结果点击无响应

    $(".mui-control-item").on("click",function(event){
        alert(1)
    });
    

    换成以下就可以了,$(".top-menu-list") 为本来的事件源的父级,此父级需要是一开始就存在的dom结构,而非动态添加

    $(".top-menu-list").on("tap",".mui-control-item",function(event){
        alert(1)
    });
    

    如果是 a 点击无效,用以下方法试试

    mui('body').on('tap', 'a', function() {                                        
            window.top.location.href = this.href;
    });
    

    相关文章

      网友评论

          本文标题:mui点击事件失效

          本文链接:https://www.haomeiwen.com/subject/scwyfctx.html