jquery – .tooltip()不是一个函数

我试图使用我从以下发现的.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>

解决方法

尝试做这样的事情.要使工具提示工作,您需要为控件设置标题.

HTML

<td id="bookingTd" title="This is a tooltip." 
     class="<%= booking.status %>" 
     onclick='$("#booking<%= booking.id %>").dialog()'>

</td>

JavaScript的

$(document).ready(function(){
   $("#bookingTd").tooltip();
});

还要确保你先加载jQuery,然后加载工具提示插件.

希望这可以帮助你.

原文地址：https://www.jb51.cc/jquery/180197.html