jQuery qTip: отключить скрытые элементы

Я использую jQuery qTip для предоставления всплывающих подсказок по набору кнопок, но кнопки изначально скрыты по умолчанию, пока на экране не появится другое действие на странице. Тем не менее, всплывающие подсказки qTip все еще появляются, если вы наведите указатель мыши на скрытые кнопки на странице.jQuery qTip: отключить скрытые элементы

Поскольку я выцветание кнопки в, мне нужно, чтобы оживить их opacity от 0 к 1, поэтому я не могу скрыть кнопки полностью с display: none (который я считаю, почему они до сих пор реагируют на mouseover событие). Есть ли способ отключить всплывающие подсказки, когда opacity - 0?

источник

2012-06-15 daGUY

Скрытие кнопок и их появление внезапно не являются хорошей практикой программирования. Подумайте об их отключении. – Chibuzo

Кнопки уже отключены; цель состоит в том, чтобы упростить страницу визуально, скрыв кнопки, которые нельзя использовать. – daGUY

я обнаружил, что QTIP советы не будут вызывать на элементах с visibility: hidden, так что я установил это, устанавливая как в opacity и visibility на кнопках контейнер:

#button-container { 
    opacity: 0; 
    visibility: hidden; 
}

Затем переключая visibility перед тем оживляющий opacity:

$('#button-container').css({visibility: 'visible'}).animate({opacity: 1}, 300);

источник

2012-06-15 20:58:03 daGUY

Рад, что вам удалось найти решение. Это тоже мой подход, но с 'display: none;' –

'display: none' тоже работает, но мне пришлось использовать' visibility: hidden', потому что '# button-container' плавает, и он отбрасывает некоторые другие вещи, если я скрыть это полностью. Это только мой частный случай. – daGUY

Вы можете отключить qTips:

$('*').qtip('disable') // или указать селектор

Там есть также позволяет:

$('*').qtip('enable')

В основном в функции обратного вызова для вашего нарастающего, включить qtips.

источник

2012-06-15 18:37:43 lucuma

jQuery qTip: отключить скрытые элементы

ответ

Смежные вопросы