在函数中从Rails链接创建javascript弹出窗口以调用

我正在尝试创建一个标准的javascript弹出窗口小部件，以便在Rails应用程序中提供提示。我希望能够创建一个单一的弹出窗口小部件，其中包含的信息会在单击不同的提示按钮时发生变化。我发现的所有示例都使用javascript onclick，但这不允许我根据单击的按钮传递不同的文本值。而且，我一直看到弹出窗口是用html创建的，而不是用javascript创建的

这是用来调用javascript函数的

<%= f.label :name %><%= link_to image_tag("hint_link.jpeg", :size=>"13x13"), '#', :onclick => 'create_hint_widget("a"); return false;' %>

也许是这样的

$( "#draggable" ).draggable().html("<div id='draggable' class='ui-widget-content'><p>hint_text</p></div>");

$（“#draggable”）.draggable（）.html（“hint\u text
”）；

---

这是我能想到的最好的解决方案，但可能有更好的解决方案。我愿意接受任何建议

这是你如何开始构建工具提示系统的基础-但是已经有数千个可用的工具提示系统，因此除非你是为了学习，否则编写一个工具提示系统没有多大意义

$（函数（）{
#将处理程序委托给具有“数据工具提示”属性的元素。
$（文档）。在（'click'，'a[data tooltip]'上，函数（）{
变量$el=$（此）
var$tooltip=$（''）.text（$el.data（'tooltip'）；
$el.append（$tooltip）；
#3秒钟后淡出并删除工具提示
$tooltip.delay（3000）.fadeOut（100.remove（）；
返回false；
});
#用户单击工具提示时的句柄
$（文档）。在（'单击'，'上。工具提示覆盖'，函数（）{
$（this.remove（）；
返回false；
});
});
a[数据工具提示]{
位置：相对位置；
显示：内联块；
}
.工具提示覆盖{
位置：绝对位置；
背景颜色：黄色；
边框：1px纯黑；
前-140%；
填充：3倍；
}



$( "#draggable" ).draggable().html("<div id='draggable' class='ui-widget-content'><p>hint_text</p></div>");