官方自带的tips效果，对于长文本不太友好，因为他是居中显示，视觉容易错位。看下图示

4.png

以下是本文分享
1.png

2.png
3.png

 

$('table').on('post-header.bs.table',function() {
    var tip_index = '';
    $("td").on("mouseenter",function() {
        if (this.offsetWidth < this.scrollWidth) {
            var that = this;
            var text = $(this).text();
            tip_index = layer.tips(text, that,{
                tips: [2, '#428bca'],
                time: 0,
                maxWidth: '300px'
            });
        }
    }).on('mouseleave', function(){
        layer.close(tip_index);
    })
});

代码不用进行任何改动，直接使用即可。放在Table.api.bindevent(table)之前就可以

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。