首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery 定位当前input后面解决思路

2012-06-05 
jquery 定位当前input后面JScript codevar xOffset 100 // x distance from mousevar yOffset 100 /

jquery 定位当前input后面

JScript code
var xOffset = 100; // x distance from mousevar 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 }); 

热点排行