带有div的高级工具提示

Question

我正在将qTip2用于“黑暗”主题。我想对其进行自定义，使其看起来类似于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>

BE AWARE！此插件需要单引号，否则将破坏我们的结构，因此当您在字符串中使用变量时，您必须这样做：

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