通过jQuery显示信息窗口（工具提示或弹出窗口）

在asp.net/c# web应用程序中，我正在编写一个jQuery脚本。通过jQuery显示信息窗口（工具提示或弹出窗口）

我有一个事件函数如下：

function showInfo(event,label){ 
    switch (label) 
    { 
     case 'America': 
      //Show America's info 
      break; 
     case 'Europe': 
      //Show Europe's info 
      break; 
     case 'Africa': 
      //Show Europe's info 
      break; 
    } 
}

我想显示在一个盒子里的信息。信息框应该支持基本的HTML元素，如图片和表格;做这个的最好方式是什么？

我试图使用qtip2，但我不知道如何通过该函数显示工具提示（没有元素可以链接工具提示）。
我想有一些功能，如ShowTooltip()，我可以随时拨打电话。

来源

2012-03-27 Youssef

将所有要执行此操作的元素提供给同一个类，然后创建一个悬停函数，如下所示;

$('body').on("hover", ".tooltipclass", hoveron, hoveroff);

然后创建您的悬停开/关功能。根据你想要做什么样的元素，有很多方法可以实现这一点，你可以给元素另外一个类名称，比如美国或者欧洲，然后使用$（this）.hasClass来检查显示哪个工具提示。

至于显示工具提示的实际机制而言，你可以有隐藏的页面上已经提示，或使它们与AJAX调用，然后放置它们基于鼠标的位置，看到这里http://docs.jquery.com/Tutorials:Mouse_Position

当然很多人已经这样做了，所以你可以找一个工具提示插件

来源

2012-03-27 12:06:06 WebweaverD

如果你正在寻找一个简单的工具提示插件，看看这个jQuery Tooltip plugin

它支持HTML代码（然后IMG）为你问，是简单易用。该插件获得MIT/GPL许可。

希望得到这个帮助。

来源

2012-03-27 12:06:02 Mordhak

通过jQuery显示信息窗口（工具提示或弹出窗口）

回答

相关问题