Показаны qTip onmouseover - PullRequest
       20

Показаны qTip onmouseover

3 голосов
/ 16 марта 2011

Я пытаюсь проверить форму, используя jQuery validate и показать сообщения об ошибках, используя qTip.Но я хочу показать сообщение об ошибке OnMouse Over, так как теперь, когда я отправляю форму, сообщения об ошибках идут рядом с текстовым полем.

Как мне показать сообщение об ошибке, когда я нахожу курсор мыши над текстовым полем.

Демо - http://jsfiddle.net/UcaZT/

rvi.

1 Ответ

4 голосов
/ 16 марта 2011

Код, показывающий всплывающие подсказки qtip, выглядит следующим образом:

// Apply the tooltip only if it isn't valid
$(element).filter(':not(.valid)').qtip({
    overwrite: false,
    content: error,
    position: position,
    show: {
        event: false,
        ready: true
    },
    hide: false,
    style: {
        classes: 'ui-tooltip-red' // Make it red... the classic error colour!
    }
});

Этот

show: {
    event: false,
    ready: true
},

указывает qTip немедленно открывать подсказки.это:

    show: {
        event: 'mouseover'
    },
    hide: {
        event: 'mouseout'
    },

Здесь является обновленным jsFiddle

...