当前位置: 首页 > 工具软件 > SUI Mobile > 使用案例 >

SUI Mobile调用$.alert()解决$.init 和$.alert的错误

柳刚豪
2023-12-01

路径需要修改
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/

 类似资料: