در خصوص متغیر content و چگونگی نمایش محتوای تب

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام. من منطق پشت خط آخر برنامه یعنی:

j(content).fadeIn(200)

رو متوجه نمیشم که چحوری محتوای تب متناظر رو نشون میده. متغیر content طبق خط پایین تعریف شده:

let content = this.hash.replace('/','')

و this هم که داره به اون تگ a اشاره میکنه که روش کلیک شده (فرض کنیم تب one) و در اخر مثلا href = one شده. یعنی اخرش متغیر content میشه یه تگ a و وقتی در خط اخر برنامه گفتیم content رو نمایش بده صرفا باید خود این تگ a رو نشون بده چجوری به جاش به href این تگ رفته و اون div رو نمایش داده؟

سلام و عرض ادب

با کسب اجازه از پشتیبان‌های محترم دوره

امیر جان؛ متغییر content در نهایت اگر دقت کرده باشی آیدی یکی از Div‌ها خواهد بود، البته با علامت # ، چرا که دستور hash فقط علامت / رو از URL مد نظر حذف میکنه

و در نهایت، توسط دستور زیر میگیم Div با آیدی فرضا one رو نمایش بده

j(content).fadeIn(200)

دقیقا مشابه دستور زیره:

j('#one').fadeIn(200)

j('#two').fadeIn(200)

امیدوارم خوب توضیح داده باشم

بهترین پاسخ

سجاد آقایی ۰۶ خرداد ۱۴۰۲، ۱۶:۱۶

سلام خدمت شما جناب آقایی، ممنون از پاسخ خوبتون.

بله درسته، مشکل من تو این خط بود:

let content = this.hash

که فکر می‌کردم چون this داره به یه تگ a اشاره میکنه در نهایت دستور this.hash هم خروجیش تگ a هست منتها صرفا با href ای که تغییر کرده، ولی با توضیح شما و مطالعه داکیومنت دستور hash متوجه شدم که خروجی این دستور href اون تگ a رو برمیگردونه و مشکل حل شد. ممنونم.

https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/hash

amir rad ۰۶ خرداد ۱۴۰۲، ۱۷:۱۲