zoukankan      html  css  js  c++  java
  • $.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 : ""
    });
    }

  • 相关阅读:
    struts2学习笔记(二)
    struts2学习问题(一)
    struts2学习(一)
    给 ecplise 配置struts2配置环境
    Servlet的生命周期
    奇数位丢弃
    快速排序和归并排序(C语言)
    学习正则表达式及c#应用
    C#string与stringBuilder的区别
    c#之字符串函数
  • 原文地址:https://www.cnblogs.com/huangf714/p/5900495.html
Copyright © 2011-2022 走看看