Question

我正在使用Bootstrap和PHP创建一个表，它使用了Popovers。理想情况下我喜欢我的popover包含JPG，但由于我已经使用echo来创建我的html表，我不确定如何合并它。我试图包括通常的＆＃39; img src＆＃39;如下所示，但它只是打印出代码。

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之后的标签。我无法使用＆＃34;＆＃34;在我的图像周围，因为它们围绕着回声的整个标签，因此再次终止代码。

尝试过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>';

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

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

Answer 1

我认为您应该将图像移动到content属性。我找不到“原始标题”的描述，所以我假设你只是意味着标题。根据{{3}}，您可以通过设置属性将HTML插入到弹出窗口中。有关演示，请参阅此documentation。

<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>';

Imho你应该总是终止你的字符串并将它们连接起来。在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。

在PHP中使用'img src'作为数据属性的一部分

1 个答案: