AmazeUI是一款国产开源的前端框架,功能十分强大
今天使用AmazeUI的代码写了一个注册页面,可是并没有动态的提示,jsp中的配置如下:
<script type="text/javascript" src="assets/js/amazeui.min.js"></script> <script type="text/javascript" src="assets/js/jquery-1.11.3.min.js"></script> <!-- 核心样式文件 --> <link rel="stylesheet" href="assets/css/amazeui.min.css"> <link rel="icon" type="image/png" href="assets/i/favicon.png"> <link rel="icon" sizes="192x192" href="assets/i/[email protected]"> <link rel="icon" type="image/png" href="assets/i/favicon.png">
按下回车键测试提交,页面效果:
可以看出压根就没有加载到js和jq的动态交互,配置文件中也都引入了jq和js,那为什么会出现这种情况呢?
经过一番研究,我发现amazeui.min.js这个js文件是需要jq和css样式文件的支持的,也就是说jq和css样式文件等放在它的前面,把js放在最后面。
<script type="text/javascript" src="assets/js/jquery-1.11.3.min.js"></script> <!-- 核心样式文件 --> <link rel="stylesheet" href="assets/css/amazeui.min.css"> <link rel="icon" type="image/png" href="assets/i/favicon.png"> <link rel="icon" sizes="192x192" href="assets/i/[email protected]"> <link rel="icon" type="image/png" href="assets/i/favicon.png"> <script type="text/javascript" src="assets/js/amazeui.min.js"></script>
重启页面,空提交,有动态交互效果,问题解决: