• $.messager.show扩展:指定位置显示


    扩展了个$.messager.showBySite,根据舍得的位置显示$.messager.show。代码如下:

    /**
    * 指定位置显示$.messager.show
    * options $.messager.show的options
    * param = {left,top,right,bottom}
    */
    $.extend($.messager, {
    showBySite : function(options,param) {
    var site = $.extend( {
    left : "",
    top : "",
    right : 0,
    bottom : -document.body.scrollTop
    - document.documentElement.scrollTop
    }, param || {});
    var win = $("body > div .messager-body");
    if(win.length<=0)
    $.messager.show(options);
    win = $("body > div .messager-body");
    win.window("window").css( {
    left : site.left,
    top : site.top,
    right : site.right,
    zIndex : $.fn.window.defaults.zIndex++,
    bottom : site.bottom
    });
    }
    });

    使用示例:

    function showBySite(event){
    var element = document.elementFromPoint(event.x,event.y);//获取点击对象
    $.messager.showBySite({
    title:'My Title',
    msg:'Message.',
    showType:'show'
    },{
    top : $(element).position().top+$(element).height(),//将$.messager.show的top设置为点击对象之下
    left : $(element).position().left,//将$.messager.show的left设置为与点击对象对齐
    bottom : ""
    });
    }

  • 相关阅读:
    算法作业实验三
    牛客练习赛53 B 美味果冻
    牛客练习赛53 C 富豪凯匹配串
    bitmat
    牛客挑战赛33 B 鸽天的放鸽序列
    树状数组
    线段树
    2019牛客国庆集训派对day7 A 2016
    背包
    作业三 -并查集
  • 原文地址:https://www.cnblogs.com/huangf714/p/5900495.html
Copyright © 2020-2023  润新知