如何防止qtip重叠

时间:2016-11-15 09:12:37

标签: jqgrid qtip2 qtip mousehover jqxgrid

当鼠标悬停在另一个细胞上时,如何防止qtip重叠。 问题是当鼠标离开时没有立即隐藏qtip,当鼠标悬停在另一个单元格上时,前一个也是可见的。

代码:

$(event.target).qtip({
                                content: { text: tooltiptext, title: { text: "Info", button: 'Close' } },
                                show: {
                                    event: 'mouseover',
                                    ready: true
                                },
                                hide: {
                                    event: 'mouseout'
                                },
                                position: {

                                    my: 'center',
                                    at: 'bottom left',
                                    adjust: {
                                        screen: true
                                    }
                                },
                            });

1 个答案:

答案 0 :(得分:0)

来自文档:http://qtip2.com/options#show.solo。您可以将show.solo设置为true(默认值为false)。设置为true时,一次只显示一个工具提示。

这是我的意思的一个例子: http://jsfiddle.net/Andy_wang_ke/fhbnoojd/4/

我希望这会有所帮助