DCloud mul 点按钮显示隐藏div

分类：MUI

HBuilder MUI点按钮显示隐藏div

DCloud mul 点按钮显示隐藏div

<style>   
#b1{ display:none;min-height: 120px;z-index: 999;}  
</style>  

<ul class="a1"></ul>  
<div id="a2">  
    <ul id="boxbgui" >                        
        1111  
    </ul>    
</div>  
<div id="b1">  
 <ul id="b2" >    
    222  
 </ul>  
</div>  

<div class="a">  
                    <input id="class55" type="text" class="b"  >  
                    <input id="c" type="submit" value="搜索" />  
                </div>  
<script>  
    $.init();  

$.ready(function() {  
 var classlist5=doc.getElementById("chaishu");  
 classlist5.addEventListener('tap', function() {      
     //点c显示b1   
    //同时a1和a2隐藏  
 })  
 })  
</script>

2017-01-05 15:13 负责人:无分享

4 个回复

赵梦欢 - 专注前端，乐于分享！

设置元素显示与隐藏：.mui-visibility默认为设置元素可见，.mui-hidden默认为设置元素隐藏。如：

<div id="loading">  
    loading...  
</div>  

<script type="text/javascript">  
    setTimeout(function(){  
        document.getElementById("loading").classList.add('mui-hidden');  
    },3000)  
</script>

mui组件通用CSS类

jtshushu (作者) - 擅长：PHP-Thinkphp Python MUI UniApp Vuejs Bootstrap Jq Logo设计广告设计网页设计有项目上需要联系我微信号：jtshushu66

求大神来指导

mubrand - mubrand.com 承接各类app开发，java语言，含界面设计及前端

mui好像没有封装这功能。直接用js写事件吧或者jquery，很简单的写法

jtshushu (作者) - 擅长：PHP-Thinkphp Python MUI UniApp Vuejs Bootstrap Jq Logo设计广告设计网页设计有项目上需要联系我微信号：jtshushu66

 classlist5.addEventListener('tap', function() {      
     //点c显示b1   
    //同时a1和a2隐藏  
 })

我在这里面用jq功能不行哦

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

DCloud mul 点按钮显示隐藏div

DCloud mul 点按钮显示隐藏div

4 个回复

公告

相关问题

DCloud mul 点按钮显示隐藏div

DCloud mul 点按钮显示隐藏div

与内容相关的链接

4 个回复

公告

相关问题