تداخل علامات ربط HTML

Question

كنت أعمل اليوم على التنقل بين علامات التبويب لصفحة ويب.حاولت أبواب منزلقة النهج الذي يعمل بشكل جيد.ثم أدركت أنه يجب علي تضمين خيار لحذف علامة تبويب (عادةً ما تكون علامة X صغيرة في الزاوية اليمنى من كل علامة تبويب).

كنت أرغب في استخدام مرساة متداخلة، والتي لم تنجح لأنها كذلك لا مسموح.ثم رأيت علامة التبويب التنقل في رقائق الصفحة, ، والذي كان يعمل بالفعل (بما في ذلك الارتباطات التشعبية المتداخلة).لماذا؟

Answer 1

لا بد أنهم يقومون ببعض الأشياء المجنونة حقًا باستخدام JavaScript لتشغيلها (لاحظ كيف لا تحتوي علامات الارتساء الأصلية أو المتداخلة على اسم أو سمة href - تتم جميع الوظائف من خلال اسم الفئة وJS).

إليك ما يبدو عليه HTML:

<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

الروابط المتداخلة غير قانونية

Answer 3

في الواقع، الكود الذي قمت بلصقه مسبقًا هو DOM الذي تم إنشاؤه، بعد كل التلاعب بـ JS.إذا لم يكن لديك فايربوغ امتداد لمتصفح فايرفوكس، يجب أن تحصل عليه الآن.

يحرر:حذفت المشاركة القديمة فلم تعد مفيدة.Firebug هو، لذلك هذا واحد يبقى :)

Answer 4

أظن أن الروابط المتداخلة العاملة أو غير العاملة قد تعتمد على ما إذا كان متصفحك يعرض الصفحة في الوضع الصارم (على سبيل المثال،XHTML DTD، application/xml+html MIMEtype)، أو في وضع "quirks".

Answer 5

على الرغم من أن العلامات المتداخلة غير قانونية، إلا أن كتابتها باستخدام JS ستنجح!، جرب هذا:

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