jquery 定位当前input后面解决思路
日期：2014-05-16 浏览次数：20313 次
jquery 定位当前input后面
希望点击input时能在input框后面显示一个提示窗。
#vtip的css已设置绝对定位，如果使用注释后面的e.pageX/e.pageY是可以在鼠标附近显示提示窗，但是我要在input框后面就死活不行，求解
------解决方案--------------------
换成after试试
------解决方案--------------------
建议你用offset函数去设置位置， 取代css
------解决方案--------------------
元素绝对定位了吗？
------解决方案--------------------
- JScript code
var xOffset = 100; // x distance from mouse
var yOffset = 100; // y distance from mouse
var top = $(this).offset.top;//(e.pageY + yOffset);
var left = $(this).offset.left+$(this).width();//(e.pageX + xOffset);
$('body').append( '<div id="vtip"><p>' + $(this).attr('tip') + '</p></div>' ); //tip为input的自定义属性，提示内容
$('#vtip').css("top", top+"px").css("left", left+"px");
希望点击input时能在input框后面显示一个提示窗。
#vtip的css已设置绝对定位，如果使用注释后面的e.pageX/e.pageY是可以在鼠标附近显示提示窗，但是我要在input框后面就死活不行，求解
------解决方案--------------------
换成after试试
------解决方案--------------------
建议你用offset函数去设置位置， 取代css
------解决方案--------------------
元素绝对定位了吗？
------解决方案--------------------
- JScript code
var top = $('#txtTips').position().top;
var left = $('#txtTips').position().left + $('#txtTips').width();
$('#divTips').offset({ top: top, left: left });
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
