amazeui学习笔记三(你来我往1)--常见问题FAQs

一、总结

1、DOM事件失败:记得加上初始化代码,例如 图片轮播 $('#my-slider').flexslider();

2、jquery:Amaze依赖jquery,所以如果效果没出来,看看有没有jquery

3、Chrome 开发者工具:推荐使用 Chrome 开发者工具

二、常见问题FAQs

使用问题

使用时遇到问题如何准确定位?

推荐使用 Chrome 开发者工具

也可以 Firebug 等工具。

免费吗?

MIT License,写得很清楚。至于看见广告什么的,都是浮云……

Amaze UI 目前没有 xx 组件,有没有推荐的?

首先,确保查看了每个栏目的下面的左侧菜单的每个链接。如果你的窗口比较小, 左侧的菜单是可以向下滚动,点小三角或者使用鼠标滚轮上下滚动。

真的没找到?那真是没有,参见插件收集

「爱上一匹野马,可你的家里没有草原…」?

Amaze UI 2.x 依赖 jQuery,请在 Amaze UI 的 JS 文件之前引入 jQuery(推荐使用最新版)。

拷贝页面中的示例代码粘贴以后没有效果?

  • 确保页面中已经引入了 jQuery 以及 Amaze UI 的 CSS、JS,path/to/ 替换相应的路径
 Copy
<link rel="stylesheet" href="path/to/css/amazeui.min.css"/>
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="path/to/js/amazeui.min.js"></script>
  • 如果已经引入,请查看 Amaze UI CSS、JS 文件顶部的版本信息,确保引入的版本和示例要求的版本匹配。

JS 动态插入的 DOM 事件失效?

很多用户遇到各种「事件失效」问题,在这里做一个统一回答。

Amaze UI 一般在 jQuery ready 事件里面初始化默认接口,动态插入的 DOM 已经是在 ready 事件之后,自然不会绑定相应事件。

一些插件通过事件委托可以解决动态插入 DOM 的事件绑定问题,但并不是所有插件都可以这样,有的用户操作没有定位到要绑定事件的 DOM 上,比如窗口滚动。

Amaze UI jQuery 安装传统 website 的思路开发,也就是假定 JS 执行之前 DOM 已经渲染完成。如果是通过 Ajax 或者其他方式动态插入的 DOM,就需要手动调用相关接口初始化插件

  • JS 插件

    假设动态插入了一个图片轮播,可以在插入完成以后执行下面的代码初始化

     Copy
    $('#my-slider').flexslider();
  • Web 组件

    有交互行为的 Web 组件提供了初始化的接口,假如动态插入了一个 Figure 组件,可以执行以下代码进行初始化:

     Copy
    AMUI.figure.init();

更多用户遇到并提出的实际问题,请点此查看

amazeui学习笔记三(你来我往1)--常见问题FAQs的更多相关文章

  1. amazeui学习笔记一(开始使用1)--主干

    amazeui学习笔记一(开始使用1)--主干 一.总结 1.英语:学好英语,编程轻松很多 2. layouts compatibility change log web app collection ...

  2. amazeui学习笔记二(进阶开发5)--Web 组件开发规范Rules

    amazeui学习笔记二(进阶开发5)--Web 组件开发规范Rules 一.总结 1.见名知意:见那些class名字知意,见函数名知意,见文件名知意 例如(HISTORY.md Web 组件更新历史 ...

  3. amazeui学习笔记二(进阶开发2)--Web组件简介Web Component

    amazeui学习笔记二(进阶开发2)--Web组件简介Web Component 一.总结 1.amaze ui:amaze ui是一个web 组件, 由模板(hbs).样式(LESS).交互(JS ...

  4. amazeui学习笔记--css(常用组件16)--文章页Article

    amazeui学习笔记--css(常用组件16)--文章页Article 一.总结 1.基本使用:文章内容页的排版样式,包括标题.文章元信息.分隔线等样式. .am-article 文章内容容器 .a ...

  5. amazeui学习笔记--css(HTML元素3)--表单Form

    amazeui学习笔记--css(HTML元素3)--表单Form 一.总结 1.form样式使用:在容器上添加 .am-form class,容器里的子元素才会应用 Amaze UI 定义的样式. ...

  6. Oracle学习笔记三 SQL命令

    SQL简介 SQL 支持下列类别的命令: 1.数据定义语言(DDL) 2.数据操纵语言(DML) 3.事务控制语言(TCL) 4.数据控制语言(DCL)  

  7. [Firefly引擎][学习笔记三][已完结]所需模块封装

    原地址:http://www.9miao.com/question-15-54671.html 学习笔记一传送门学习笔记二传送门 学习笔记三导读:        笔记三主要就是各个模块的封装了,这里贴 ...

  8. JSP学习笔记(三):简单的Tomcat Web服务器

    注意:每次对Tomcat配置文件进行修改后,必须重启Tomcat 在E盘的DATA文件夹中创建TomcatDemo文件夹,并将Tomcat安装路径下的webapps/ROOT中的WEB-INF文件夹复 ...

  9. java之jvm学习笔记三(Class文件检验器)

    java之jvm学习笔记三(Class文件检验器) 前面的学习我们知道了class文件被类装载器所装载,但是在装载class文件之前或之后,class文件实际上还需要被校验,这就是今天的学习主题,cl ...

随机推荐

  1. 关于es6中对象的扩展

    1.Object.is() es5比较两个值是否相等,只有两个运算符,相等(==) 和 严格相等(===),他们都有缺点,前者会自动转换数据类型,后者的NaN不等于自身,以及+0 等于 -0.es6提 ...

  2. 自动与因特网时间服务器同步 NTP 服务器 pool.ntp.org, 120.24.166.46 端口 123

    自动与因特网时间服务器同步   NTP 服务器 pool.ntp.org 海康提供的NTP服务器   120.24.166.46     端口  123

  3. webpack4强势来袭

    # Webpack4## 安装> webpack 4默认不需要配置文件(它吸收了Parcel的思想,零配置)> - npm i -D webpack> - npm i -D webp ...

  4. 翻译《虚幻引擎4艺术大师 - 蓝图 III 》 中文版

    本文章由cartzhang编写,转载请注明出处. 所有权利保留.  文章链接:http://blog.csdn.net/cartzhang/article/details/49800063  作者:c ...

  5. sigprocmask, sigpending, sigsuspend的用法

    sigset_t set sigemptyset(&set) :清空阻塞信号集合变量 sigfillset(&set) :添加所有的信号到阻塞集合变量里 sigaddset(& ...

  6. 杭电5137How Many Maos Does the Guanxi Worth

    How Many Maos Does the Guanxi Worth Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 512000/5 ...

  7. vim 插件之commentary

    下载地址 http://www.vim.org/scripts/script.php?script_id=3695 如果是使用vundle来管理这个插件的话,你可以添加如下配置 tpope/vim-c ...

  8. vim 计算器寄存器使用

    我们可能会在vim的使用中,碰到下面的情况 当我正在写一周预算的时候,我想计算下每天我买菜花2.7,每天买两顿,周死晚上出去吃,周六额外买1.5斤14.8一斤的猪肉... 这时候你打算怎么办呢,是不是 ...

  9. 洛谷P1439 最长公共子序列(LCS问题)

    题目描述 给出1-n的两个排列P1和P2,求它们的最长公共子序列. 输入输出格式 输入格式: 第一行是一个数n, 接下来两行,每行为n个数,为自然数1-n的一个排列. 输出格式: 一个数,即最长公共子 ...

  10. 去除inline-block元素间距