jquery - .tooltip() 不是函数

Question

我正在尝试使用从以下内容中找到的 .tooltip():Jquery-ui tooltip 。我拥有的是一个 Rails 应用程序，它在表格中包含一些信息。在单独的牢房中。目前，您可以通过单击单元格来查看单元格的完整信息，这将打开 jquery 对话框，该对话框工作正常。我想添加的是这样就有两个选项。

• 1) 单击弹出 jquery 对话框的单元格 - 已经可以使用了

• 2) 或将鼠标悬停在显示概览的单元格上。

Image

从图像中当前您有一个预订，您可以点击它，它将显示预订信息。不过，我正在尝试扩展它，以便用户可以选择单击以查看信息或将鼠标悬停在单元格上以查看信息。

执行此操作的最佳方法是什么？我有以下代码，可以使用并打开对话框。我尝试添加:

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

之前这不起作用，我可能明白它不起作用，因为两者之间会发生冲突。除此之外，我确实尝试使用 simpletip 和 qtip 但似乎没有运气。我正在努力做的事情是不可行的。

<td class="<%= booking.status %>" onclick='$("#booking<%= booking.id %>").dialog()'>
  <center>
  <%= booking.reference_number %>
  <% if current_user.is_booking_manager? %>
    (<%= booking.company_name %>)
  <% end %>
</center>
<div style="display:none;">
  <% if not booking.provisional? or current_user.is_booking_manager? %>
    <div id="booking<%= booking.id %>" title="Booking Information">
  <% else %>
    <div id="booking<%= booking.id %>" title="Edit Booking">
  <% end %>
      <%= render :partial => "booking_dialog", :locals => { :booking => booking } %>
    </div>
  </div>
</td>

Answer 1

我通过添加 boostrap 库和 css 消除了错误

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />

<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>