Как изменить класс на базовый элемент на время отображения всплывающей подсказки jQuery UI

Question

Я хочу реализовать функцию, подобную (но не совсем так), подсказку режима игры Маджонг Титанов в Windows. В этой игре вы можете попросить игру показать вам плитку, которая соответствует плитке, в которой вы находитесь.

В моем приложении, когда пользователь наводит указатель мыши на ячейку моей таблицы, я хочу, чтобы отобразить всплывающую подсказку, но и добавить класс к основной ячейке, , а также некоторым другим связанным с клетками для того, выделить эти ячейки для отображения всплывающей подсказки; подсветка исчезнет, ​​когда всплывающая подсказка закрывается.

Сотовый click Событие уже посвящено какому-либо другому поведению. Это связанное с ячейками поведение должно быть вспомогательным поведением всплывающей подсказки.

Я создаю всплывающую подсказку, как это сейчас:

$("#my-table tbody td.foo").tooltip({ 
     content: function() { 
       // figure out the custom message to be displayed 
      } 

     }, 
     items: "td.foo", 
     position: { my: "left+15 center", at: "left top" }, 
     show: { 
      delay: 666 
     } 

    }) 

Может ли этот подход конкретизации быть расширены функции, которые вызываются, когда отображается подсказка, и когда подсказка снесен?

В функции, связанной с открытием всплывающей подсказки, я бы выяснил, какие ячейки задействованы, и добавьте к ним правильный класс; в функции, связанной с закрытием всплывающей подсказки, я удаляю этот класс из этих ячеек.

Answer 1

Я думаю, что вы ищете open и close события.

$("#my-table tbody td.foo").tooltip({ 
    content: function() { 
     // figure out the custom message to be displayed 
    }, 
    items: "td.foo", 
    position: { 
     my: "left+15 center", 
     at: "left top" 
    }, 
    show: { 
     delay: 666 
    }, 
    open: function (event, ui) {// do stuff when tooltip opens... 
    }, 
    close: function (event, ui) {// do other stuff when tooltip closes... 
    } 
});