layui switch不出現樣式的問題

layui switch不出現樣式的問題

最近寫編輯layui的彈窗里的內容時候需要寫一個switch，類似以下效果：

 

 

但是發現根據文檔寫的代碼，switch的樣式根本沒出現：

<div class="layui-form-item">
    <label class="layui-form-label">是否啟用</label>
    <div class="layui-input-block">
        <input type="checkbox" id="enabled" name="enabled" lay-skin="switch" lay-filter="enabled" lay-text="啟用|關閉" title="是否啟用" />
    </div>
</div>

 研究了一下layui文檔，發現需要注意兩點： 1.所有的表單都需要寫在form中，並加上class="layui-form" <form style="margin-top: 10px" class="layui-form"></form> 2.需要在編輯的這個layer.open層（在open之后）引用form或者table，就是寫form.render()；或模板字面量里的script寫form.render();

<script> layui.use(['form'],function(){

　　　　form.render();

　　});
</script>

或

 

 

 

 

 

 

最后switch樣式便可成功出現了。