mui通过append添加toggle无法切换

分类：MUI

HBuilder mui append toggle 开关 js

代码如下：

var newitem = $('<li class="mui-table-view-cell"><p>'+item_name+'</p><span></span><div class="mui-switch  mui-active" data-switch="1"><div class="mui-switch-handle"></div></div></li>');  
 $("#main").find('ul').append(newitem);

HTML代码如下

        <div class="mui-content" id="main">  
                <ul class="mui-table-view">  
                    <li class="mui-table-view-cell">  
                        <p>Hello</p>  
                        <span></span>  
                        <div class="mui-switch mui-active">  
                            <div class="mui-switch-handle"></div>  
                        </div>  
                    </li>  
                </ul>  
        </div>

HTML中写入的这个toggle可以切换，但是append方法插入的没有办法切换。
浏览器中调试结果如图（附件）

2015-05-02 14:57 1 条评论负责人:无分享

2 个回复

DCloud_UNI_FXY

var newitem = $('<li class="mui-table-view-cell"><p>'+item_name+'</p><span></span><div class="mui-switch  mui-active"><div class="mui-switch-handle"></div></div></li>');//移除data-switch="1"  
 $("#main").find('ul').append(newitem);  
mui('.mui-switch')['switch']();//手动初始化

大漠野狼 (作者)

收到，试过了，可以了。谢谢、data-switch="1" 这句话是我后来看见chrom中调试结果原生的有，后面append的没有，所以我手动添加的。就差一个手动初始化switch。谢谢

2015-05-02 17:56

大漠野狼 (作者)

收到，试过了，可以了。谢谢、data-switch="1" 这句话是我后来看见chrom中调试结果原生的有，后面append的没有，所以我手动添加的。就差一个手动初始化switch。谢谢

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

mui通过append添加toggle无法切换

2 个回复

公告

相关问题

mui通过append添加toggle无法切换

与内容相关的链接

2 个回复

公告

相关问题