本文主要是介绍layui layer弹出层通过offset属性定位弹出层在光标处弹出(event.clientY和event.clientX)失败。,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
将弹出层弹出位置定位到光标处,大小超过父弹出层的部分无法显示
.js
//页面层-自定义
$("#more").click(function (event) {layer.open({id:"moreMenu",type: 1,title: false,closeBtn: 0,shadeClose: true,shade:0.0001,skin: 'menuBody',resize:false,offset: [event.clientY,event.clientX],// area:['200px','300px'],content: '<style>' +'.menu{' +'font-size:12px;' +'font-family:微软雅黑;}' +'.moreMenu-top{\n' +' width: 100px;\n' +' margin-left: 1px;\n' +' margin-right: 1px;\n' +' margin-top: 2px;\n' +' padding: 5px' +'}\n' +'.moreMenu-mid{\n' +' width: 100px;\n' +' margin-left: 1px;\n' +' margin-right: 1px;\n' +' padding: 5px' +'}\n' +'.moreMenu-bottom{\n' +' width: 100px;\n' +' margin-left: 1px;\n' +' pmargin-right: 1px;\n' +' margin-bottom: 2px;\n' +' padding: 5px' +'}\n' +'.menuOver{\n' +' background: lightgrey; \n' +'}</style>' +'<div class="menu moreMenu-top">回复</div>' +'<div class="menu moreMenu-mid">删除</div>' +'<div class="menu moreMenu-bottom">彻底删除</div>' +'<script>' +'$(".menu").hover(function() {' +'$(this).addClass("menuOver")' +'},function() {' +'$(this).removeClass("menuOver")' +'})' +'</script>',});
})
若采用top.layer.open打开弹出层,则弹出层定位出现问题,无法正确定位光标位置,没有搞明白为什么
采用top.layer.open后超过父弹出层的部分可以正确显示,但位置不正确。
问题未解决
这篇关于layui layer弹出层通过offset属性定位弹出层在光标处弹出(event.clientY和event.clientX)失败。的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!