problem description:
as you slide through each row in the table, a box appears at the bottom, sliding out and hiding. But the box that appears when the bottom part of the table slides over is incomplete, and once you slide the scroll bar, the mouse will leave this line, causing the box to disappear, so that the full contents of the bottom box will not be seen all the time.
related js code:
$(".drugContainer-in1").on("mouseenter","tr",function(){
//td
var tdVal = $(this).find("td").eq(1).text();
if (tdVal == "" || tdVal == undefined || tdVal == null) {
return;
};
//tr
getTrDetail($(this));
var thisTop = parseInt($(this).position().top) + $(this).outerHeight()+8;
$(".drug-view-position1").css("top",thisTop + "px").show();
}).on("mouseleave","tr",function(){
$(".drug-view-position1").hide();
}); 