10

来自 twiiter bootstrap 的工具提示很棒，但它们不适用于 <area> 标签:(我该如何解决？

我注意到 js 有效，创建了工具提示元素，但它的位置是错误的..

我做了一个小例子。 http://jsfiddle.net/dhkFN/1/

4

3 回答 3

9

我喜欢 Twitter bootstrap，但一些 js 插件在当前形式下有点简单。

结帐 qTip 2 - http://qtip2.com/

包括图像地图在内的一切 - http://qtip2.com/demos/#imagemaps

您可以将输出类调整为引导类。

于 2012-10-31T05:16:34.340 回答
1

我最近不得不用 Bootstrap 做类似的事情，并试图让工具提示与图像地图区域一起工作，但放弃了。

我选择了 ImageMaster，它是一个用于制作图像映射的 jQuery 插件，并具有工具提示等选项

http://www.outsharked.com/imagemapster/

https://github.com/jamietre/ImageMapster

ImageMapster 在 Bootstrap 的 CSS 方面确实存在一些问题，但作者为我解决了这个问题，所以它应该很好用！

于 2012-07-27T11:58:26.173 回答
0

经过一天的搜索和思考如何解决项目的工具提示（使用区域的地图图像），我发现这个http://www.xing.net.au/blogs/displaying-page-in-jquery-tooltip这更多在自定义要显示的内容方面比 JSFiddle 灵活。

JSFiddle 中的示例依赖于区域的 ALT 属性，而 Jtip 可以通过使用另一个页面进行自定义。

一切顺利！

于 2013-07-05T07:29:28.013 回答