Замена Tooptip браузера в qTip

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

Плагином по умолчанию для контента является атрибут заголовка, поэтому, если вы удалите опцию контента из кода инициализации, плагин должен позаботиться об удалении атрибута из элемента

Из документов:

Заменить обычные старые подсказки к заголовкам вашего браузера просто.
Просто вызовите метод qtip () для всех элементов ссылки без содержимого
опция (по умолчанию будет использоваться атрибут title цели).

Answer 2

Звоните removeAttr('title') на вашу коллекцию.

Браузер не показывает атрибут 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.