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')});