layui点击table表格的每一格时显示相应的内容


 1   $(document).on('click','.layui-table-cell',function(){
 2         // $("p").css({"background-color":"blue","font-size":"14px"});
 3        var x=$(this).offset(),
 4            left=x.left,
 5            top=x.top;
 6         var w=$(this).width(),
 7             h=$(this).height();
 8         $('.hoverDiv').css({
 9             "width":w,
10             "left":left+"px",
11             "top":top+h+'px',
12             "display":'block',
13             "background":'pink',
14         }).slideDown();
15     })

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM