//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");
Das obige ist der detaillierte Inhalt vonBeispielanalyse von jquery unter Verwendung von „on', um das Mouseleave-Ereignis und das Mouseenter-Ereignis zu binden, um ein Mouse-Hover-Ereignis zu realisieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
