168  
查询码:00000272
如何让mui的a标签具备点击事件
作者: 恽鑫柯 于 2020年07月15日 发布在分类 / 人防组 / 人防移动端 下,并于 2020年07月15日 编辑

       在mui中使用a标签的来作一些界面的处理,但是a标签本身不具备点击事件,这时候你想要使它具备点击事件的效果时需要进行以下处理。

       首先你需要为两个a标签定义两个不相同的id进行区分。

<div class="mui-segmented-control">
          <a class="mui-control-item mui-active" href="#tab1" id="tab1Value">审核材料</a>
          <a class="mui-control-item" href="#tab2" id="tab2Value">回复内容</a>
</div>
         再然后通过mui的getElementById和addEventListener事件监听a标签的点击事件

// 点击a标签时监听点击事件
    var aClick = document.getElementById("tab1Value");
    var aClickTwo = document.getElementById("tab2Value");
    aClick.addEventListener("tap",function () {
      alter("审核材料")

    });
    aClickTwo.addEventListener("tap",function () {
      alter("回复内容")
    });



 推荐知识

 历史版本

修改日期 修改人 备注
2020-07-15 09:58:07[当前版本] 恽鑫柯 1.0

知识分享平台 -V 4.8.7 -wcp