APP2.0后台控件API

一、 淡入淡出提示框

1、 HTML代码：

  <div class="alert alert-info col-sm-6 col-sm-offset-3 aptPos">
            <strong>Heads up!</strong>
            This alert needs your attention, but it's not super important.
            <br />
          </div>

2、 CSS代码： 前三个class是不变的，最后一个aptPos class是自定义的元素选择器。

.aptPos{
  position: fixed;
  top: 200px;
  display: none;
}

3、 插入script代码：  对刚才的元素执行显示代码

  $('.aptPos').fadeIn("slow",function(){
    $(this).fadeOut(3000);
  });

二、 返回顶部滚动条按钮

1、在footer底部添加HTML代码：

<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
    <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>

三、 输入框的提示下拉框

1、该控件当前可用于标签输入框和输入框，HTML代码：

<input type="text" data-provide="typeahead" class="typeahead">

2、插入 typeahead.jquery.min.js，添加js文件

$('.typeahead').bs_typeahead(options);

options:

(1) source: 参数为字符数组或function(query,process)， 定义查询字符串

     字符数组如： source： [‘red’,‘blue’，‘brown’，‘green’]

     方法 ： query为输入框的值，process用来同步返回的数据，如：

source: function(query, process) {
         $.ajax({url: 'remote_source.php?q='+encodeURIComponent(query)})
          .done(function(result_items){
             process(result_items);
});

(2) items: 下拉框最多展示的数目，默认8

(3) minLength: 触发自动匹配的最短字符长度，默认为1