带 div 的高级工具提示

Question

我正在使用 qTip2 和 'Dark' 主题。我想将其自定义为类似于 MMORPG (Diablo 3)。

这个插件可以吗？或者可以使用另一个工具提示插件吗？

Here 是默认外观，我们可以使用 css 来自定义它。然而，我正在寻找更高级的外观。

这是 code。

Answer 1

好的，我做到了。使用 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>

注意！ 这个插件需要单引号，否则会破坏我们的结构，所以当你在字符串中使用变量时，你必须这样做：

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

Advanced tooltip with divs