नेस्टिंग एचटीएमएल- एंकर टैग

Question

आज मैं एक वेबपेज के लिए टैब नेविगेशन पर काम कर रहा था। मैंने Sliding Doors दृष्टिकोण की कोशिश की जो ठीक काम करता था। तब मुझे एहसास हुआ कि मुझे एक टैब को हटाने का विकल्प शामिल होना चाहिए (आमतौर पर प्रत्येक टैब के दाएं कोने में एक छोटा एक्स)।

मैं एक नेस्टेड एंकर का उपयोग करना चाहता था, जो काम नहीं करता क्योंकि यह not अनुमत है। तब मैंने Pageflakes पर टैब-नेविगेशन देखा, जो वास्तव में काम कर रहा था (नेस्टेड हाइपरलिंक्स समेत)। क्यूं कर?

Answer 1

उन्हें काम करने के लिए जावास्क्रिप्ट के साथ कुछ वाकई पागल सामान करना होगा (ध्यान दें कि न तो माता-पिता और न ही घोंसला वाले एंकर टैग का नाम या href विशेषता है - सभी कार्यक्षमता कक्षा के नाम और जेएस के माध्यम से की जाती है)।

<a class="page_tab page_tab"> 
    <div class="page_title" title="Click to rename this page.">Click & Type Page Name</div> 
    <a class="delete_page" title="Click to delete this page" style="display: block;">X</a> 
</a> 

Answer 2

वास्तव में, कोड मैं चिपकाया था पहले से उत्पन्न डोम था, सभी जे एस हेरफेर के बाद:

यहाँ एचटीएमएल लग रहा है की तरह है। यदि आपके पास फ़ायरफ़ॉक्स के लिए Firebug एक्सटेंशन नहीं है, तो आपको इसे अभी प्राप्त करना चाहिए।

संपादित करें: पुरानी पोस्ट हटा दी गई, यह अब उपयोगी नहीं थी। फायरबग है, इसलिए यह एक रह रहा है :)

Answer 3

मुझे संदेह है कि अगर आपका ब्राउज़र सख्त मोड (जैसे एक्सएचटीएमएल डीटीडी, एप्लिकेशन/एक्सएमएल + एचटीएमएल माइमटाइप) में पृष्ठ प्रस्तुत करता है या "quirks में "मोड।

Answer 4

Nested links are illegal

Answer 5

नेस्टेड टैग के बावजूद अवैध हैं, लेकिन उनमें लेखन का उपयोग करते हुए जे एस काम करेंगे !, इस प्रयास करें:

$('<a>', { 
    href: 'http://google.com', 
    html: '<a>i am nested anchor </a>I am top Anchor' 
}).appendTo($('body'))