带div的高级工具提示

时间:2016-01-18 17:47:49

标签: jquery html tooltip qtip2

我正在使用qTip2与黑暗'主题。我想将其定制为类似于MMORPG(Diablo 3)。

这个插件可以实现吗?或者这可能是另一个工具提示插件吗?

Here是我们可以使用css进行定制的默认外观。但是,我正在寻找更高级的外观。

这里是code

1 个答案:

答案 0 :(得分:0)

好的,我做到了。使用qTip2,可以构建html结构并在标题中使用它。

例如:

<div id="my-div" title="<div id='div-title'>Hello World!</div>"></div>

当然我们可以使用PHP,例如它看起来像:

<?php
   $title = 'Hello World';
?>
<div id="my-div" title='<?php echo $title ?>'></div>

BE AWARE!这个插件需要单引号,否则会破坏我们的结构,所以当你在字符串中使用变量时,你必须这样做:

<?php
   $part = 'World';
   $title = 'Hello' . $part . '!';
?>
<div id="my-div" title='<?php echo $title ?>'></div>

非常感谢用户nicael烦恼。