zoukankan      html  css  js  c++  java
  • $.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
    			});
    		}
    	});
    <a href="#" class="easyui-linkbutton" onclick="showBySite(event)">help</a>
    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 : ""
    	});
    }
  • 相关阅读:
    python学习第18天----属性、类方法、静态方法
    面试总结
    JAVA面试题整理
    Docker-基础
    Shell
    MYSQL
    logstash的使用(ELK)
    (ELK)FileBeat的使用
    Zookeeper的介绍和单机、集群搭建
    Elaticsearch7.7.0的安装(ELK)
  • 原文地址:https://www.cnblogs.com/shirly1981/p/5742189.html
Copyright © 2011-2022 走看看