zj的七七八八

• jQuery标签插件tagsinput

初始化一下

// tags init
if(typeof $.fn.tagsInput !== 'undefined'){
  $('#role').tagsInput();
}

引入,数组对象里面要有name

$('#role').importTags(checkNode);

自己写的input框和tag自动生成的框会冲突，隐藏掉自己的框
顺便给生成的框设置一下样式，生成的框命名 'XXX_tagsinput'

.tagHide{
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
}

• toastr插件

入口js文件处设置option

toastr.options = {
    "closeButton": false,
    "debug": false,
    "newestOnTop": false,
    "progressBar": false,
    "positionClass": "toast-top-center", //弹出的位置
    "preventDuplicates": true,//相同提示内容只显示一个
    "onclick": null, //点击消息框自定义事件
    "showDuration": "300", //显示动作时间
    "hideDuration": "1000", //隐藏动作时间
    "timeOut": "2000", //自动关闭超时时间
    "extendedTimeOut": "1000", //控制时间
    "showEasing": "swing",
    "hideEasing": "linear",
    "showMethod": "fadeIn", //显示的方式，和jquery相同
    "hideMethod": "fadeOut" //隐藏的方式，和jquery相同
};

其余地方要用的时候，定义一下

var toastr = parent.toastr;// 上一级定义的
var toastr = window.top.toastr;//页面最顶层的

改变弹窗的位置，自带的没有居中选项，直接更改toastr的位置

#toast-container{
    margin-top: 20% !important;
}

• layer弹窗更改按钮样式

btn: ['保存', '重置', '删除组织'],

注意弹窗是弹在哪一层，在那层的html上面写样式

.my-btn .layui-layer-btn{
		text-align: left !important;
		padding-left: 36% !important;
	}
	body .my-btn .layui-layer-btn .layui-layer-btn2{
        margin-left: 20%;
        border: 1px solid #ee4063 !important;
		color: #ee4063;
	}

• layui下拉框

下拉框自带模糊搜索功能,添加lay-search即可

<div class="layui-form col-md-8 col-sm-8 col-xs-8" id="iseePos">
    <select name="posId" id="iseePosId" lay-verify="required" lay-search>
        <option value="">输入关键词搜索</option>
    </select>  
</div>

• ~~双非运算符

https://blog.csdn.net/weixin_37710888/article/details/82587296

• lulu ui tips使用

seajs.use('/vendors/lulu/js/common/ui/Tips', function () {
    $('#acctTip').tips({
        align: 'rotate'
    });
});
<i class="icon icon-tip ui-tips" id="acctTip" title="并肩于雪山之巅" style="display: none;"></i>