Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 如何在jQuery UI工具提示显示期间更改基础元素的类_Jquery Ui_Jquery Ui Tooltip - Fatal编程技术网

Jquery ui 如何在jQuery UI工具提示显示期间更改基础元素的类

Jquery ui 如何在jQuery UI工具提示显示期间更改基础元素的类,jquery-ui,jquery-ui-tooltip,Jquery Ui,Jquery Ui Tooltip,我想实现一个功能,有点像(但不完全像)Windows中麻将巨人游戏的提示模式。在该游戏中,您可以要求游戏向您显示与您所在的互动程序匹配的互动程序 在我的应用程序中,当用户将指针悬停在我表格的某个单元格上时,我希望显示工具提示,但同时也向基础单元格以及其他相关单元格添加一个类,以便在工具提示显示期间高亮显示这些单元格;工具提示关闭时,高亮显示将消失 “单元格单击事件”已专用于某些其他行为。此相关单元格高亮显示行为必须是工具提示的辅助行为 我现在创建的工具提示如下所示: $("#my-table

我想实现一个功能,有点像(但不完全像)Windows中麻将巨人游戏的提示模式。在该游戏中,您可以要求游戏向您显示与您所在的互动程序匹配的互动程序

在我的应用程序中,当用户将指针悬停在我表格的某个单元格上时,我希望显示工具提示,但同时也向基础单元格以及其他相关单元格添加一个类,以便在工具提示显示期间高亮显示这些单元格;工具提示关闭时,高亮显示将消失

“单元格<代码>单击事件”已专用于某些其他行为。此相关单元格高亮显示行为必须是工具提示的辅助行为

我现在创建的工具提示如下所示:

 $("#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
        }

    })
此实例化方法是否可以通过显示工具提示和删除工具提示时调用的函数进行扩展


在与工具提示的打开关联的函数中,我将找出涉及哪些单元格,并向它们添加正确的类;在与工具提示关闭相关的函数中,我将从这些单元格中删除该类。

我想您正在查找和事件

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