Question

我有以下情况。当鼠标光标位于组合框项目上时（在“选项”标签上），我需要显示带有自定义文本的工具提示。我解决这个问题的第一个想法是使用标题标签。它与Firefox一起运行良好，但是对于IE，当文本太大时，它会被截断。

然后，我考虑使用div作为工具提示，并显示/隐藏它。我创建了以下代码，它适用于Firefox（触发输入和离开事件），但在IE中它们也没有做任何事情。

    $(document).ready(function () {
        var $tooltip = $("#tooltip").hide();
        var $options = $("#ddlSelect option");
        $options.each(function () {
            var texto = $(this).attr("title");
            $(this).data("title", texto);
            $(this).attr("title", "");
        });
        $options.hover(function () {
            var texto = $(this).data("title");
            if (texto != "")
                $tooltip.show().text(texto);
        }, function () {
            $tooltip.hide();
        });
    });

OB的。 “tooltip”是一个div。 “ddlSelect”是一个有一些选项的组合框。它的所有“选项”都有一个标题标签，只是作为自定义文本的初始容器。

我正在使用IE 8.有谁知道为什么IE无法触发这些事件？

由于

Answer 1

我可以从jQuery UI建议这个例子：

http://jqueryui.com/demos/autocomplete/#combobox

然后，您必须深入了解插件代码，为您的选项添加鼠标悬停事件设置器。

将悬停事件绑定到组合框项目时出现问题

1 个答案: