路径需要修改
1.引入SUI Mobile中两个必要的css
2.引入SUI Mobile中的jquery
(曾经尝试引入自己别处找的jquery 一直报
.
i
n
i
t
和
.init 和
.init和.alert的错误)
3.引入SUI必要的js文件
4.大功告成
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--引入SUI的css-->
<link rel="stylesheet" href="../sui-mobile/dist/css/sm.min.css">
<link rel="stylesheet" href="../sui-mobile/dist/css/sm-extend.min.css">
<!--引入SUI里的jquery-->
<!--曾经尝试引入自己找的jquery但是报错-->
<script src="../sui-mobile/_site/assets/js/jquery.min.js"></script>
</head>
<body>
<button id="ce" style="margin-top: 100px;z-index: 9999;">123</button>
<!--引入SUI里的js-->
<script src="../sui-mobile/dist/js/sm.js"></script>
<script type="text/javascript">
$("#ce").on("click",function(){
$.alert('内容', '标题', function () {
$.alert('回调')
});
})
</script>
</body>
</html>
最后附上SUI Mobile的网址https://sui.thinkadmin.top/