javascript - 如何使用 jQuery 创建一个图像工具提示悬停在表单标签上?

标签 javascript jquery ruby-on-rails-3 tooltip

如何将图像工具提示放在表单中所有单选按钮的标签上?我使用 simple_form 来生成表单标记,因此每个标签都有一个 for 属性(例如 for="reward_id_79"),我可以使用它来将标签与其对应的图像 img src= 'blah.jpg' id='reward_id_79'

每个单选输入都有一个关联的图像,我想在用户将鼠标悬停在标签文本上时显示在工具提示弹出窗口中。我不想改变 simple_form 输出,而是在页面的其他地方有一系列隐藏图像。

最佳答案

看看 poshytips jquery 插件。

http://vadikom.com/demos/poshytip/

它几乎可以满足您的需求,而且非常易于使用。

关于javascript - 如何使用 jQuery 创建一个图像工具提示悬停在表单标签上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7501749/

相关文章:

jquery - 使用相同的 jQuery 对象设置不同的 html 节点时遇到问题

javascript - 使用 jQuery 将 $ 包装在 span 中

JavaScript:计数器和 IF/Else

ruby-on-rails - 在 Rails 中更改连接表中的列名

javascript - 更新消费者之外的 react 上下文?

javascript - Google Charts 上升 1,不连续

javascript - 我如何对表单下拉列表的 'onchange' 和 'aspx state' 信息使用react?

ruby-on-rails - ActiveRecord 中的 Postgres 插入错误

Ruby-on-Rails:ActiveAdmin 父类(super class)不匹配类型错误

javascript - ExtJS 中带有anyMatch 搜索的组合框