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