سلام وقت بخیر
من توی html مثلا 3 تا منو و 3 تا فوتر دارم. یکی برای pc یکی برای tablet یکی برای mobile که از طریق css مشخص کردم توی چه سایز هایی کدومش display:none باشه و کدومش block باشه!
اما در هر حال هر 3 تاشون لود میشن و فقط یکی نمایش داده میشه!
توی webform چجوری میتونم مشخص کنم که مثلا توی سایز 320 پیکسل که مال گوشی هست فلان div ها مربوط به منوهای سایر دستگاه ها اصلا لود نشن؟
ممنون میشم راهنمایی کنید
این پاسخ را مشاده کنید.
این پاسخ که فرستادید درواقع همون کاری هست که خودم کردم!
توی سایزی که ما میخوایم از طریق CSS بهش میگیم که کدوم المان ها رو مخفی کنه
اما این کار سرعت لود رو میاره پایین چون که حتی المان های مخفی هم لود میشن...
من میخوام بدونم از چه راهی میتونیم کاری کنیم که کلا لود نکنه المان مورد نظر رو توی یک سایز مشخص
کد زیر را امتحان کنید:
function removeit() { if ($(window).width() < 600) { $('html').remove('aside'); } }
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)