網上看了些資料 都有問題 ，官網也沒有示例代碼，這里貼一下代碼示例
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link href="css/mui.css" rel="stylesheet" /> </head> <body> <script src="js/mui.js"></script> <script type="text/javascript"> mui.init() $("#segmented").children(":first").click(); </script> <div id="segmented" class="mui-segmented-control mui-segmented-control mui-segmented-control-inverted"> <a class="mui-control-item mui-active" href="#item1"> 111 </a> <a class="mui-control-item" href="#item2"> 222 </a> <a class="mui-control-item" href="#item3"> 333 </a> </div> <div class="mui-slider-group"> <div id ="item1" class="mui-slider-item mui-control-content mui-active"> <div style="width:100%;height: 200px;background-color:#2AC845;"> </div> </div> <div id ="item2" class="mui-slider-item mui-control-content"> <div style="width:100%;height: 200px;background-color:#CF2D28;"> </div> </div> <div id ="item3" class="mui-slider-item mui-control-content"> <div style="width:100%;height: 200px;background-color: #0062CC;"> </div> </div> </div> </body> </html>
