۳ سارا
نمایش فقط ایتم‌های کلاس active در لود اولیه صفحه
جامعه وردپرس (برنامه نویسی) ایجاد شده در ۰۷ فروردین ۱۴۰۴

وقت بخیر.

توی لود اولیه صفحه اگه کلاس اکتیو رو داده باشیم به یکی از تب‌ها میاد کل ایتم هایی که داریم رو نشون میده و خیلی جالب نیست این مورد(حتی اگهoverflow: hidden بدیم بهش) . چجوری میتونیم کاری کنیم که از همون اول بیاد و اونی که بصورت دیفالت بهش کلاس اکتیو رو دادیم، ایتم هاش رو بخونه و نمایش بده. ممنون میشم این مورد رو راهنمایی کنید.

image-renqgv7z.png

سلام،

سورس کدتون رو قرار بدید روی codepen یا jsfiddle تا بررسی و فیکس بشه.

محسن موحد ۰۹ فروردین ۱۴۰۴، ۰۵:۰۵

https://codepen.io/sara-abbasi/pen/MYWPmoe

سارا ۰۹ فروردین ۱۴۰۴، ۰۶:۲۹

روش‌های مختلفی میشه با js و css پیاده کرد منتها ساده‌ترین روش روی کد شما اینه که ابتدا تمامی div هارو display: none کنیم و یک class="active" به div با id=news اضافه کنیم و در css این کلاس رو display: block کنیم. بترتیب css اجرا میشه و ابتدا none کردیم همرو و بعدش active رو block کردیم:

.content > div {
    display: none; /* مخفی کردن تمامی تب‌ها */
}
.content > div.active {
    display: block; /* نمایش تب فعال */
}
محسن موحد ۱۴ فروردین ۱۴۰۴، ۰۱:۴۸