AmazeUI无法使用动态效果---已解决

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>

重启页面,空提交,有动态交互效果,问题解决:




猜你喜欢

转载自blog.csdn.net/pbrlovejava/article/details/80396466
今日推荐