Emailsuffix插件

邮箱后缀补齐,支持弹层内显示

代码演示

(自定义配置email-item-custom)
基本用法
layer + emailSuffix 组合使用
查看代码
$("#email2").IUI('emailSuffix',{
    container: '.form-group',
    style: 'global',
    item: 'email-item-custom',
    current: 'checked',
    emails: ['me.com', 'tom.com', 'aliyun.com', 'qq.com', 'gmail.com', 'sina.com', '163.com', '189.com', '189.com', 'sohu.com'],
    checkedCall: function() {
        //测试:报警输出选中
        mark('你选择了:'+$(this).val());
    }
});

var layerStatic = $('#layer-emailsuffix').IUI('layer',{
    offsetWidth:650,
    content:$('#tpl-emailsuffix').html()
});

$('.btn-default').on('click',  function(event) {
    event.preventDefault();
    layerStatic.showLayer();
    $("#email").IUI('emailSuffix',{
        style:'nested',
        offsetLeft:0,
        offsetTop:0,
    });
});

API

属性 说明 类型 默认值
style emailSuffix使用场景,如果在弹层中调用,需改为nested String global
item 邮件后缀列表项的classname,注:此处只能填写classname,且不需要前面加点 String email-item
current 选中状态的classname, String checked
emails 邮箱后缀字典,此接口会直接覆盖默认的值,而不会补差 Array [‘163.com’, ‘126.com’, ‘qq.com’, ‘gmail.com’, ‘sina.com’, ‘139.com’, ‘189.com’, ‘sohu.com’]
delay 延时隐藏列表,一般用于校验 Number 300
offsetLeft 列表位移left,仅在style:”nested”的时候需要用到,一般在global下,会自动计算,无需自己写 Number auto
offsetTop 列表位移top,仅在style:”nested”的时候需要用到,一般在global下,会自动计算,无需自己写 Number auto
offsetWidth 列表宽度,仅在style:”nested”的时候需要用到,一般在global下,会自动计算,无需自己写 Number auto
offsetLeft 列表高度,仅在style:”nested”的时候需要用到,一般在global下,会自动计算,无需自己写 Number auto

如果您发现本页有什么问题,欢迎来提单 Issue : https://github.com/Janking/infinite-ui/issues