Выключить подсказку jQuery UI для определенных элементов

Для простоты я хотел бы включить виджет подсказки jQuery UI для всех элементов страницы:

Затем отключите его для определенных элементов или элементов и их потомков. Но это не работает:

$(document).tooltip({ track: true });
$('#menu *[title]').tooltip({ disabled: true });

Мой селектор $('#menu *[title]') работает, как я ожидаю, получая все элементы-потомки, у которых есть атрибут title элемента #menu.

Итак, почему функция disabled работает в .tooltip({ disabled: true });, чтобы отключить всплывающую подсказку для этих элементов? Есть ли другой способ и/или лучший способ достичь этого?

Ответы

Ответ 1

Установите всплывающую подсказку для всех элементов с помощью:

$('*').tooltip();

И отключить с помощью

$('#menu *[title]').tooltip('disable');

A la:

jsFiddle

Ответ 2

Ни один из вышеперечисленных ответов не работал у меня, похоже, что теперь можно использовать параметр :

$("*").tooltip({ items: ':not(.menu)' });

Ответ 3

Никто из них не работал у меня, и это сводило меня с ума.

Это то, что сработало для меня:

$(document).tooltip({ content: function () { return $(this).not('#NoTipDiv *[title]').attr('title'); });

$('*'). tootip может сильно задержать просмотр вашей страницы!

Ответ 4

Возможно $(':not(.menu *[title])').tooltip({ track: true });?

Ответ 5

В соответствии с документами jQueryUI с моей датой ответа.

$( ".selector" ).tooltip( "option", "disabled", true );

Ответ 6

Вот что я делаю прямо сейчас.

Показать подсказку для:

  • Исключить что-либо с классом noToolTip.
  • И затем включите их:
    • Элементы с атрибутом TITLE.
    • Элементы IMG с атрибутом ALT.
    • Все, что связано с атрибутами classToolTool и TITLE.

Вот мой код javascript.

// Set up tool tips for images and anchors.
$( document ).tooltip({
   items: "img[alt], a[title], .toolTip[title], :not(.noToolTip)",
   track: true,
   content: function() {
      var element = $( this );
      // noToolTip means NO TOOL TIP.
      if ( element.is( ".noToolTip" ) ) {
         return null;
      }
      // Anchor - use title.
      if ( element.is( "a[title]" ) ) {
         return element.attr( "title" );
      }
      // Image - use alt.
      if ( element.is( "img[alt]" ) ) {
         return element.attr( "alt" );
      }
      // Any element with toolTip class - use title.
      if ( element.is( ".toolTip[title]" ) ) {
         return element.attr( "title" );
      }
   }
});

Ответ 7

Если вы используете селектор вместо $(document), не забудьте вызвать этот код в нужный момент.

$(document).tooltip({show: false});
$(document).ready( function(){
    $('#OK_Button').tooltip({disabled: true});
});

Ответ 8

Ни одно из вышеперечисленных не работало для меня... но это произошло (после инициализации):

$("#selector").tooltip("disable");