将工具提示添加到 asp.net mvc 中的帮助程序 html.dropdownlist

Question

我有一个仅显示产品代码 101,102,103 的下拉列表，

如果用户将鼠标悬停在产品代码上，我希望标题显示为工具提示。

所以这不是你正常的 DataValue & DataText 场景，因为“101”既是显示文本又是显示文本。值。

我相信我需要使用 jQuery 来实现这种效果。 我还相信我需要将每个列表项的标题属性设置为产品标题。

我的问题是，使用helper html.dropdownlist如何设置标题属性？

谢谢，这是我第一天使用MVC

Answer 1

我们曾经用“tipsy”来表达非常相似的东西。 http://plugins.jquery.com/project/tipsy

我们实际上更进一步， “创建”这样的属性

<span class="tipsyItem" tipsy="This is my tooltip text!">This is my regular text!</span>

原因是醉酒有时仍会显示常规工具提示。我们使用了一些像这样的高级设置。

$('.tipsyItem').tipsy({title: 'tipsy'});

另外你还可以设置主题。甚至还能够让它支持嵌入在工具提示中的 html 链接等。

$('.tipsyItem').tipsy({html: true });

Twitter过去用的是Tipsy。我不确定他们是否仍然这样做。