扩展了个$.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 : ""
});
}

随机推荐

  1. python处理csv

    python处理csv 学习了:https://blog.csdn.net/qq_33363973/article/details/78783481  竟然pip install csv 无果: 学习 ...

  2. js 实现存储Map 结构的数据

    <script type="text/javascript"> function Map() { var struct = function(key, value) { ...

  3. js 数组去重方法汇总

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  4. js 数组分解 解构

    // ES5 a = list[0], rest = list.slice(1) // ES6 [a, ...rest] = list

  5. 一直加载“fonts.googleapis.com”的解决办法

    原文:http://www.tuicool.com/articles/6bayeq 最近国内对google又开始了新一轮的屏蔽,很多wordpress用户发现一个现象,那就是网站前台和后台打开都非常慢 ...

  6. 在UNC(通用命名规范)路径和URL中使用IPv6地址

    转自:http://www.ipv6bbs.cn/thread-348-1-1.html   虽然微软在支持IPv6上表现得很积极,但Windows却并没有完整地支持IPv6,例如,在Windows中 ...

  7. IOS Exception 1(libc++abi.dylib: terminating with uncaught exception of type NSException)

    2014-08-05 22:18:46.455 SwiftUI[1329:40871] -[_TtC7SwiftUI14MViewControler clickMe]: unrecognized se ...

  8. tar 命令详解 / xz 命令

    ]# tar [-cxtzjvfpPN] 文件与目录 ....参数:-c :建立一个压缩文件的参数指令(create 的意思):-x :解开一个压缩文件的参数指令!-t :查看 tarfile 里面的 ...

  9. docker中批量删除 tag为none的镜像

    添加定时任务,批量删除tag 为none 的镜像  ,释放磁盘空间 [root@weifeng]:~# crontab -l */ * * * /usr/bin/docker rmi `docker ...

  10. 用prerender-spa-plugin插件Vue项目优化SEO做ssr服务端渲染及预渲染

    今天在做公交的时候没干,用手机看看文章,偶然发现了一个关于Vue优化seo的文章,我先是在Vue的官方文档看了一篇关于Vue做SEO优化的文章. 上面提到了nuxt.js这个框架,这个框架我做过一个小 ...