2012-08-29 40 views
6

Tôi đã là một vấn đề với thẻ neo:/Link (href) vào một ẩn (display: none) yếu tố html

Tôi đã có đoạn mã sau:

<div name="divA"> 
<a name="A"> A</a> 
</div> 

<div name="divB" style="display: none;> 
<a name="B"> B</a> 
</div> 

<div name="divHrefB"> 
<a href="#B">B</a> 
</div> 

Mục tiêu của tôi là khi tôi bấm vào B (divHrefB) ứng dụng đi đến "divB" nhưng kể từ khi yếu tố này ẩn nó không hoạt động.

Xin lưu ý, rằng tôi không muốn hiển thị divB (tôi muốn có một liên kết đến nơi div là ... là có thể?

Tại thời điểm này, tôi đang nghĩ về tạo động các giá trị href (trong trường hợp này, tôi sẽ tạo ra div sau)

<div name="divHrefB"> 
<a href="#A">B</a> 
</div> 

Thanks a lot

Trả lời

6

chỉ không áp dụng display:. none, chỉ cần thêm css này cho div ẩn

.
<div name="divHrefB" style="height: 0px;width: 0px;overflow:hidden;"> 
<a href="#A">B</a> 
</div> 
+1

Vấn đề là tôi cần mà div này không chiếm nhiều không gian. Đó là lý do tại sao tôi sử dụng "display: none;(). Tôi đã thử khả năng hiển thị: hidden, nó hoạt động nhưng nó chiếm không gian layout ... :( – JMarques

+6

ok thì bạn có thể sử dụng" position: absolute " ... –

+2

Nó hoạt động. Cảm ơn rất nhiều =) Lên phiếu bầu cho bạn: P – JMarques

1

Bạn đang thiếu kết thúc đóng cửa " nhận xét.

thử anh chàng này:

style="display: none;" 
Các vấn đề liên quan