Question

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

我能够创建窗口，但我无法弄清楚如何设置它以便显示$ object-＆gt;级别或其他一些变量。

我试过了; 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/

Answer 1

你可能需要逃避你的报价。

例如，（假设您的工具提示插件通过显示属性中的某些数据来工作），请尝试以下操作：使你的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代码突出显示器将正确突出显示上述代码。

翻转图像时，使用PHP变量显示新图像/窗口

1 个答案: