有這麼多的事情你的代碼錯誤的基本HTML,甚至投擲PHP到混合之前。
- 屬性的值應該有
" "
引號。
- 如果你打算把HTML放在另一個HTML標籤的屬性中,它應該被轉義。
- 除非整個字符串是PHP,否則您需要使用
<?php ?>
標籤注入PHP。
- 您的HTML標籤多次使用相同的ID。 ID在頁面上應該是獨一無二的,所以如果你發現自己重複使用了一個ID,那就把它變成一個類。
- 我不認爲
content
是一個HTML錨點的有效屬性(如果是的話,忽略這一點)。自定義屬性理想情況下應該以data-
爲前綴,因此在這種情況下,該屬性將爲data-content
。
您應該做的第一件事是將內容部分分離出來,將其自己的PHP變量分離出來,您可以將其添加到鏈接中。這將有助於代碼的可讀性和組織性。
不改變你的HTML修正PHP屬性
<?php
$content = '<div id="imagcon">
<img src="' . $row['images'] . '" class="tooltip-image" />
</div>
<div id="con">Address:' . $row['Address'] . '</div>
<div id="con">Contact:' . $row['contact'] . '</div>
<div id="con">Email:' . $row['email'] . '</div>
<div id="con">Status:' . $row['status'] . '</div>
<div id="con">Age:' . $row['age'] . '</div>';
echo '<a href="#" alt="Image Tooltip" rel="tooltip" content="' . $content . '">' . $row['Name'] . '</a><br />';
?>
雖然我會建議您在HTML內容切換到這一點,如果可以的話:
它使用類,而不是重複的ID,並且還有一個帶唯一ID的外部div包裝器,以便您可以有效地從CSS或JavaScript中定位內部元素。如果您的數據庫表沒有id
列,請使用主鍵字段的名稱或循環中的計數器替換(如果您沒有主鍵)(您應該)。我已經添加了這個,因爲它看起來像循環行並輸出這些鏈接。如果你不是,你可以刪除外部股利。最後,我改爲將鏈接的content
屬性更改爲data-content
。
<?php
$content = '<div id="row-' . $row['id'] . '">
<div class="imagcon">
<img src="' . $row['images'] . '" class="tooltip-image" />
</div>
<div class="con">Address:' . $row['Address'] . '</div>
<div class="con">Contact:' . $row['contact'] . '</div>
<div class="con">Email:' . $row['email'] . '</div>
<div class="con">Status:' . $row['status'] . '</div>
<div class="con">Age:' . $row['age'] . '</div>
</div>';
?>
CakePHP的等效
<?php
$content = '<div id="row-' . $row['id'] . '">
<div class="imagcon">' . $this->Html->image($row['images'], array('class' => 'tooltip-image')) . '</div>
<div class="con">Address:' . $row['Address'] . '</div>
<div class="con">Contact:' . $row['contact'] . '</div>
<div class="con">Email:' . $row['email'] . '</div>
<div class="con">Status:' . $row['status'] . '</div>
<div class="con">Age:' . $row['age'] . '</div>
</div>';
echo $this->Html->link($row['name'], '#', array(
'alt' => 'Image Tooltip',
'data-content' => $content,
'rel' => 'tooltip'
));
echo '<br />';
?>
護理格式化你的代碼? – miku
這是非常可怕的代碼。我甚至沒有......我試圖編輯它來格式化它,但它就像是HTML和PHP的混搭。 – BadHorsie