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

Я хочу реализовать функцию, похожую (но не совсем) на режим подсказок в игре Mahjong Titans в 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
        }

    })

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

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


jquery-ui jquery-ui-tooltip
person Tim    schedule 16.09.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я думаю, вы ищете open и закрыть события.

$("#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...
    }
});
person apaul    schedule 16.09.2013