2012-08-29 11 views
6

मैं एंकर टैग के साथ एक समस्या है:लिंक (href) एक छिपा हुआ है (प्रदर्शन: कोई नहीं) HTML तत्व

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

मेरा लक्ष्य है:/

मैं निम्नलिखित कोड मिल गया है जब मैं बी (divHrefB) पर क्लिक करता हूं तो एप्लिकेशन "divB" पर जाता है लेकिन चूंकि यह तत्व छिपा हुआ है, यह काम नहीं करता है।

कृपया ध्यान दें, कि मैं नहीं है divB दिखाने के लिए (चाहते हैं मैं जगह है जहाँ div हैं के लिए एक लिंक चाहते हैं ... कि संभव?

इस बिंदु पर, मैं उत्पन्न पर सोच रहा हूँ गतिशील है href मूल्य एक बहुत (इस मामले में, मैं निम्नलिखित div उत्पन्न होगा)

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

धन्यवाद

उत्तर

6

बस लागू नहीं है प्रदर्शन:। कोई नहीं, सिर्फ छिपा div के लिए इस सीएसएस जोड़ने

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

समस्या यह है कि मैं यह है कि इस div जगह खाली नहीं लेते हैं की जरूरत है। यही कारण है कि मैं "डिस्प्ले: none;() का उपयोग करता हूं। मैंने पहले ही दृश्यता की कोशिश की है: छुपा, यह काम करता है लेकिन यह लेआउट स्पेस लेता है ... :( – JMarques

+6

ठीक है तो आप" स्थिति: पूर्ण "का उपयोग कर सकते हैं जो आपकी ज़रूरत के अनुसार काम करना चाहिए ... –

+2

यह काम किया। बहुत बहुत धन्यवाद =) आपके लिए वोट वोट: पी – JMarques

1

आप समापन बंद " टिप्पणी खो रहे हैं।

इस आदमी का प्रयास करें:

style="display: none;" 
संबंधित मुद्दे