كيف تضع رابط محاذاة صحيح في علامات تبويب jQuery؟

Question

لدي ثلاث علامات تبويب jQuery على اليسار. أرغب في وضع رابط "تسجيل الخروج" على اليمين داخل رأس علامات التبويب. كيف يمكنني تحقيق ذلك؟

Answer 1

لا أستخدم علامات تبويب jQuery ، لكن هل يمكنك أن تفعل شيئًا كهذا داخل الرأس؟

<a href="" style="position:absolute; right:0">My link</a>

Answer 2

أسف على التأخر،

ما تبحث عنه هو:

<li style="float: right"><a href="yourlogoutlink"><span>Log out</span></a></li>

Answer 3

أعلم أن هذا قديم وأن هناك بالفعل إجابة مقبولة ، لكنها اقتربت من القمة على بحث Google الذي يتضمن شيئًا مشابهًا ولدي حل أسهل بكثير الآن بعد أن اعتقدت أنني سأشاركه للآخرين الذين يجدون هذا السؤال.

في ملف .cshtml أو .aspx ، حدد علامات التبويب مثل:

<div id="tabs">
  <ul>
     <li><a href="#tab1">Tab 1</a></li>
     <li><a href="#tab2">Tab 2</a></li>
     <li><a href="#tab3">Tab 3</a></li>
     <a href="/Account/SignOut" style="float:right;">Sign Out</a>
  </ul>
  <div id="tab1">tab 1 content</div>
  <div id="tab2">tab 2 content</div>
  <div id="tab3">tab 3 content</div>
</div>

إذا حاولت التحقق من صحة HTML الخام ، فستحصل على خطأ في تضمين علامة A كطفل مباشر في UL ، ولكن بمجرد الاتصال بوظيفة JQueryui Tabs على Div الأصل ، سيتم فرزها جميعًا بالطريقة التي تريدها و نظرة