0

我正在使用 Bootstrap 和 PHP 创建一个表，它使用 Popovers。理想情况下，我希望我的弹出框包含 JPG，但由于我已经在使用 echo 创建我的 html 表，所以我不确定如何合并它。我试图包含如下所示的通常的“img src”，但它只是打印出代码。

echo "<td colspan='$newlength' id='example' rel='popover' data-content='<img src='imagetouse.jpg' /> This is my content.' data-title=' This is my Title'>$name . $time2</td>";

上面的代码终止了图像 src 之后的标签。我无法在图像周围使用“”，因为它们围绕回声的整个标签，因此再次终止代码。

尝试了 nietonfir 的建议：

echo '<td colspan="' . $newlength . '" id="example" rel="popover" data-content="<img src=\'imagetouse.jpg\' /> This is my content." data-title="This is my Title">' . $name . $time2 . '</td>';

我的弹出框的内容现在读取而不是显示图像：

<img src='imagetouse.jpg' /> This is my content.
4

1 回答 1

0

一方面，我认为您应该将图像移动到内容属性。而且我找不到“原始标题”的描述，所以我假设您只是指标题。根据文档，您可以通过设置属性将 HTML 插入弹出框。有关演示，请参阅此jsBin。

<div id="foo" data-html="true" data-content="<img src='http://placehold.it/200x100' /> Content" data-title="Title!">Click</div>

[编辑]关于您错误的输出语句，以下代码段可能会解决您的问题（请注意，我没有data-html="true"为弹出框工作进行必要的更改）：

echo '<td colspan="' . $newlength . '" id="example" rel="popover" data-content="<img src=\'imagetouse.jpg\' /> This is my content." data-title="This is my Title">' . $name . $time2 . '</td>';

恕我直言，您应该始终终止您的字符串并将它们连接起来。在 DOM 输出的情况下，我什至会终止解析器并单独输出变量，例如

?>
<td colspan="<?php echo $newlength; ?>" id="example" rel="popover" data-content="<img src='imagetouse.jpg' /> This is my content." data-title="This is my Title"><?php echo $name . $time2;?></td>

这样更容易发现错误。另一方面，您的编辑器可以高亮显示您的代码：HTML。

于 2013-10-31T23:05:11.113 回答