jquery使用on绑定mouseleave事件与mouseenter事件实现鼠标hover事件的实例分析
程序员文章站
2022-05-10 12:24:01
...
//HTML脚本 <spandata-helperinfo="PortfolioTeam"class="icon help"></span> //JS脚本 $(document).on({ mouseenter:function () { var HelpMsgCode = $(this).attr("data-helperinfo");//Gets the current object property values $.ajax({ type:"GET", url:"/Portfolio/GetHelpMessageByCode", //url: "/Subscription/GetHelpMessageByCode", data: { Code: HelpMsgCode }, dataType:"json", success:function (item) { var varJson = $.parseJSON(item.data); //string Turn json var varContent = varJson.Root.HelpMessage.Content; //Gets the specified JSON node contents var varMsgHtml = "<span class='bubble'>" + varContent + "</span>";//Structural HTML $(".icon.help").append(varMsgHtml);//Additional HTML to a specified location } }); }, mouseleave:function () { //When the mouse leaves, a prompt box disappears $(".icon.help").html("");//Emptying the balloon } },".icon.help");
以上就是jquery使用on绑定mouseleave事件与mouseenter事件实现鼠标hover事件的实例分析的详细内容,更多请关注其它相关文章!
上一篇: Java中的深拷贝和浅拷贝介绍
下一篇: php上传大文件设置方法,