Loading HTML into “floating” DIV with jQuery

demo · 发表于 2013-10-27 02:25:11

<html>
<script type="text/javascript">
$(function(){
$('.record').mouseover(function(e){
var selectedRecordID = $(this).data('id');
$("#divDisplayInfo").load("GetRecordInfo.aspx",
{ recordID: selectedRecordID },
function(){
$(this).css({left:e.pageX+'px', top:e.pageY+'px'});
});
});
});
</script>
<style type="text/css">#divDisplayInfo{position:absolute;}</style>
<body>
<a href="#" class="record" data-id="1">Record 1</a>
<a href="#" class="record" data-id="2">Record 2</a>
<a href="#" class="record" data-id="3">Record 3</a>
<div id="divDisplayInfo" style="width: 300px"></div>
</body>
</html>

复制代码

The aspx page "GetRecordInfo.aspx" is a simple ASP.NET page that accepts a post parameter ("recordID") and then displays a table with information matching the parameter.
from: stackoverflow

账号		自动登录	找回密码
密码			注册

Loading HTML into “floating” DIV with jQuery

浏览过的版块