用q提示替换浏览器工具提示

Question

我无法通过qTip替换浏览器的默认工具提示。到目前为止，我有：

    $('[title]').each(function(){
        var cont = $(this).attr('title');
        if(cont != ''){
            $(this).qtip( {
                content: cont, 
                style: { 
                    background: '#FFFFCC',
                    color: '#000000',
                    name: 'cream' ,
                    border: {                    
                        radius: 4,
                        color: '#FCC200'
                    },
                    textAlign:'center',
                    tip: {
                        corner: 'bottomLeft',
                        size: {
                            x: 20,
                            y: 8
                        }
                    }
                },
                position: {
                    corner: {
                        target: 'topRight',
                        tooltip: 'bottomLeft'
                    }
                }            
            });
        }
    });

但实际上在浏览器中我得到了：

我非常感谢你的帮助。

感谢。

Answer 1

在您的收藏中调用removeAttr('title')。

浏览器不会显示默认的title属性。

Answer 2

内容的插件默认值是title属性，因此如果从初始化代码中删除内容选项，插件应该注意从元素中删除属性

来自docs：

  

更换浏览器的常规旧标题工具提示非常简单   只需在没有内容的所有链接元素上调用qtip（）方法   选项（默认情况下，它将使用目标的title属性）。

Answer 3

这是解决方案：

     $('[title]').qtip( {
        style: { 
            background: '#FFFFCC',
            color: '#000000',
            name: 'cream' ,
            border: {                    
                radius: 4,
                color: '#FCC200'
            },
            textAlign:'center',
            tip: {
                corner: 'bottomLeft',
                size: {
                    x: 20,
                    y: 8
                }
            }
        },
        position: {
            corner: {
                target: 'topRight',
                tooltip: 'bottomLeft'
            }
        }            
    });

此代码段为所有存在title属性的组件制作工具提示。