0

当我第一次询问如何实现这样的事情时：http: //backpack.tf/（鼠标悬停在任何项目上）我被指向 JQuery。

然后我尝试通过使用来实现相同的目标；http://jqueryui.com/tooltip/

我能够创建窗口，但不知道如何设置它以显示 $object->level 或其他类似的变量。

我试过了；http://stevenbenner.github.io/jquery-powertip/

我再次能够创建工具提示。它允许您使用data-powertip=""标签创建工具提示。像这样;

<a href="/some/link" data-powertip="<table id='popup'><tr><td>Name</td><td>&nbsp;</td></tr><tr><td>Price</td><td>&nbsp;</td></tr></table>">Some Link</a></div>

但是，我仍然无法将变量放在那里。我正在使用echo将其打印到 HTML 正文中，并且所有引号都开始出现问题。

请帮我解决一下这个。当您将鼠标悬停在此页面中的某个项目上时，如何创建引人注目的表格：http: //backpack.tf/

4

1 回答 1

0

您可能需要转义您的报价。

例如，（假设您的工具提示插件通过显示属性中的一些数据来工作），试试这个：让您的 html 元素使用双引号来表示属性（假设它使用 data-tooltip 作为工具提示数据，您需要将其更改为您的任何插件使用。）

<img data-tooltip="your data will go here" ... >
                  ^                      ^
               Used double quotes for attribute

您将使用单引号从 php 中回显该内容，因为那里有双引号，例如：

echo  '<img data-tooltip="your data will go here" ... >';

现在您的问题是您需要将 html 放在该属性中，幸运的是您也可以对 html 属性使用单引号，但不幸的是，您还使用单引号从 php 中回显。

您需要做的是转义内部引号！喜欢：

echo '<img data-tooltip="<span class=\'some-css-class\'>Some Text '.$somePhpVariable.'</span>" ....>';

你用反斜杠转义你的引号。你会看到 stackoverflow 代码高亮器会正确地高亮上面的代码。

于 2013-10-18T10:48:07.323 回答