.tooltip（）不是一个函数

我试图使用我从以下发现的.tooltip（）： Jquery-ui工具提示 。 我所拥有的是一个在桌面上有一些信息的rails应用程序。 在单独的细胞中。 目前，您可以通过单击它来查看单元格的完整信息，这将打开jquery对话框，该对话框工作正常。 我想要添加到它是为了有两个选项。

• 1）单击调出jquery对话框的单元格 – 已经有效

• 2）或hover显示概述的单元格。

图片

从图像中，您可以点击预订，它将显示预订信息。 但是我试图扩展它，以便用户可以选择单击以查看信息或将鼠标hover在单元格上以查看信息。

做这个的最好方式是什么？ 我有以下代码可以使用并启动对话框。 我尝试添加：

<td class="" onmouseover='$("#booking").tooltip()'> 

之前没有用，我可能理解它不会起作用，因为两者之间会发生冲突。 除此之外，我确实尝试使用simpletip和qtip，但似乎没有运气。 是我试图做的不可行。

 <td class="" onclick='$("#booking").dialog()'>    ()   
  <div id="booking" title="Booking Information">  <div id="booking" title="Edit Booking">   "booking_dialog", :locals => { :booking => booking } %>