Events 所选jQuery插件的每个选项的工具提示

Events 所选jQuery插件的每个选项的工具提示,events,jquery-plugins,jquery-chosen,Events,Jquery Plugins,Jquery Chosen,我使用。 当鼠标指针位于某个选项上时,如何显示工具提示 更新: 请注意,我的主要问题是关于选项的工具提示。不适用于整个“组合框”。 jQuery工具提示组合框堆栈溢出 $(文档).ready(函数(){ $(“选择”)。每个(函数(){ var s=此; 对于(i=0;i-1) s、 onmousemove=function(){s.title=s.options[s.selectedIndex].text;}; }); }); 您首选的编程语言: 选择一个。。。 动作脚本 苹果书 Asp 基

我使用。
当鼠标指针位于某个选项上时,如何显示工具提示

更新: 请注意,我的主要问题是关于选项的工具提示。不适用于整个“组合框”。


jQuery工具提示组合框堆栈溢出
$(文档).ready(函数(){
$(“选择”)。每个(函数(){
var s=此;
对于(i=0;i-1)
s、 onmousemove=function(){s.title=s.options[s.selectedIndex].text;};
}); 
});
您首选的编程语言:
选择一个。。。
动作脚本
苹果书
Asp
基本的
C
C++
Clojure
COBOL
冷饮
二郎
Fortran
棒极了
哈斯克尔
JAVA
JavaScript
口齿不清
Perl
PHP
python
红宝石
斯卡拉
计划

我能想到的最简单的解决方案是,在原始的
标记上使用
title
属性,因为似乎没有一个好的方法来改变DOM的格式

编辑
selected.jquery.js
(版本1.0.0):

在第55行附近:将
标题添加到
此。已解析的
数组:

html: option.innerHTML,
title: option.title,
selected: option.selected,
第253行:更新返回的
  • 以包含标题:

    return "<li title=\"" + option.title + "\" class=\"" + (classes.join(' ')) + "\"" + style + " data-option-array-index=\"" + option.array_index + "\">" + option.search_text + "</li>";
    
    return“
  • “+option.search\u text+”
  • ”;
    对于任何遇到此问题的人,以下是我在不修改所选内容的情况下所做的:

    $('#yourid').on('chosen:showing_dropdown', function() {
        $('#yourid_chosen .chosen-results li').each(function() {
            var s = this;
            s.title = $(s).text();
        });
    });
    
    此方法使用Chris的想法,但将其包装在showing_下拉事件中。

    我一直在使用
    。在('mouseenter')
    上使用li选择器,它涵盖了在
    选择:showing_dripdown
    情况下不会发生的结果情况:

    $('.select2-results').on('mouseenter','li',function(){$(this).prop('title','A tile')});
    

    不幸的是,这个解决方案只是创建一个工具提示,但我的问题是当鼠标指针位于所选“combobox”@KurtHolz的其中一项上时创建工具提示。我想这就是您所要求的。看一看,如果有帮助的话,接受答案,谢谢@Chris-问题是关于select的特定插件替换,而不是一般的select元素。此外,此代码在webkit浏览器(如Safari)中不起作用。看起来我得出的结论与中接受的答案相同,是否每次显示下拉列表时都会触发此代码?我认为这是最干净的方法
    $('.select2-results').on('mouseenter','li',function(){$(this).prop('title','A tile')});