網頁裡面,給一個 div 增加點選連結
現在做網頁,通常用 div 當作容器。這裡可以把一個 div 理解為一個 delphi 的 TPanel。
在 Delphi 裡面,可以用 Panel 套 Panel 的方式來佈局,然後設定各個 Panel 的 Align 屬性。
現在 html5 的網頁開發,是拿 div 套 div 來佈局。然後用 css 來定義 div 該怎麼擺。因此,這裡就是多層 div 巢狀。假設要對某一層 div 做一個連結,點選後會導航到另外一個連結地址。這時候,不能給 div 外面寫 <a href="xxxxx"> 這種程式碼。如果這樣寫,會破壞 div 的巢狀框架,搞亂頁面佈局。
有人回答了這個問題,其基本原理是:
<div style="cursor: pointer;" onclick="window.location='http://google.com';">
Hello world
</div>
在本人正在做的這個 CMS 系統裡面,上述方法測試通過。
-------------------------------
又及:
但如果這裡是用了 BootStrap 的 <div class="col-md-3"> 則可以給它外面加上 <a> 而不會破壞 div 框架。