博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ajax异步获取提示框数据(鼠标悬浮事件)
阅读量:7062 次
发布时间:2019-06-28

本文共 2530 字,大约阅读时间需要 8 分钟。

var floatInfo = new Array();//房源浮窗信息var mystr = "";//房源浮窗属htmlfunction FloatInfoById(houseId, e) {    mystr = "";    if (floatInfo[houseId] == "" || floatInfo[houseId] == undefined) {        mystr = ajaxFloatInfo(houseId);    }    else {        mystr = JS_FloatInfo(houseId);    }    $("#flckdiv").html(mystr);    showFloat(e, mystr);}function ajaxFloatInfo(houseId) {    $.ajax({        url: '/House/HouseInfo/GetInfoById',        type: "post",        cache: false,        async: false,  //同步方式发起请求        data: { Id: houseId },        success: function (ds) {            if (ds[1].length <= 0 || ds[0].length <= 0) {                mystr += "
无精耕数据
"; } else { mystr += "
"; mystr += "
"; mystr += "
"; mystr += "
"; if (ds[1].length > 0) { mystr += "
"; mystr += "
"; for (var i = 0; i < ds[1].length; i++) { if (ds[1][i].remark.length > 90) { ds[1][i].remark = ds[1][i].remark.substring(0, 89) + "..." } mystr += "
"; } } mystr += "
跟单:" + ds[0][0].clientPerInfo + "    " + ds[0][0].clientTime + "
店长:" + ds[0][0].clientPerInfo2 + "   
精耕内容    精耕时间
" + ds[1][i].remark + "    " + ds[1][i].addtime + "
"; } } }); if (floatInfo.indexOf(mystr) < 0) { floatInfo[houseId] = mystr; } return mystr;}//JS缓存function JS_FloatInfo(houseId) { mystr = floatInfo[houseId]; return mystr;}//显示浮窗function showFloat(e, mystr) { var pX = 150; var pY = 60; if (mystr == "
无精耕数据
") { pX = 50; pY = 60; } $("span[name='houseView']").mousemove(function (e) { $('#flckdiv').eq($(this).index()).show().css({ "top": e.pageY - pX, "left": e.pageX + pY }) }).mouseleave(function (e) { $('#flckdiv').hide(); });}//房源浮窗$(function () { $("#tb_commlist").on("mouseover", "span[name='houseView']", function (e) { var houseId = $(this).attr('data-id'); FloatInfoById(houseId, e) });})

 

转载于:https://www.cnblogs.com/fyssl/p/10525011.html

你可能感兴趣的文章
每个java初学者都应该搞懂的问题
查看>>
如何处理来自 Web Service 客户端的未知 SOAP 标头
查看>>
棒球记录系统
查看>>
malloc函数
查看>>
[转]自动消失提示框
查看>>
推荐大家一个CSS书写规范
查看>>
How to Add a Binary Stream Image to ListView Columns
查看>>
考研倒计时
查看>>
蓝桥杯 【基础练习】 01字串
查看>>
HTTPS 原理解析(转)
查看>>
测试近五年有感
查看>>
【AtCoder】【DP】【思维】Prefix Median(AGC012)
查看>>
swiper轮播图(逆向自动切换类似于无限循环)
查看>>
阿里云域名解析+网站备案
查看>>
replication-manager 搭建
查看>>
CFD
查看>>
字符串拼接代码规范 转需
查看>>
ABP官方文档翻译 5.3 OData集成
查看>>
13.特殊IP的区别
查看>>
斜杠与反斜杠的记法
查看>>