مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

moonfa1392

عضویت از 1394/08/17

حذف قطعه ای از html هنگام لود صفحه

  • دوشنبه 19 تیر 1396
  • 14:52
تشکر میکنم

سلام وقت بخیر

من توی html مثلا 3 تا منو و 3 تا فوتر دارم. یکی برای pc یکی برای tablet یکی برای mobile که از طریق css مشخص کردم توی چه سایز هایی کدومش display:none باشه و کدومش block باشه!

اما در هر حال هر 3 تاشون لود میشن و فقط یکی نمایش داده میشه!

توی webform چجوری میتونم مشخص کنم که مثلا توی سایز 320 پیکسل که مال گوشی هست فلان div ها مربوط به منوهای سایر دستگاه ها اصلا لود نشن؟
ممنون میشم راهنمایی کنید

پاسخ های این پرسش

تعداد پاسخ ها : 4 پاسخ
کاربر سایت

سهیل علیزاده

عضویت از 1396/04/09

  • دوشنبه 19 تیر 1396
  • 14:57

این پاسخ را مشاده کنید.

کاربر سایت

moonfa1392

عضویت از 1394/08/17

  • دوشنبه 19 تیر 1396
  • 15:06

این پاسخ که فرستادید درواقع همون کاری هست که خودم کردم!

توی سایزی که ما میخوایم از طریق CSS بهش میگیم که کدوم المان ها رو مخفی کنه

اما این کار سرعت لود رو میاره پایین چون که حتی المان های مخفی هم لود میشن...

من میخوام بدونم از چه راهی میتونیم کاری کنیم که کلا لود نکنه المان مورد نظر رو توی یک سایز مشخص

کاربر سایت

سهیل علیزاده

عضویت از 1396/04/09

  • دوشنبه 19 تیر 1396
  • 15:11

کد زیر را امتحان کنید:

function removeit() {
    if ($(window).width() < 600) {
     $('html').remove('aside');
    }
}

کاربر سایت

mprogramer

عضویت از 1395/03/23

  • دوشنبه 19 تیر 1396
  • 16:26
کاری که دارین انجام میدین خیلی سنتی هست... شما بهتره از تکنولوژی بوت استرپ استفاده کنید و خیلی راحت مشخص کنید که سایت شما در چه پلت فرمی چه جوری نمایش داده بشه واگر قسمتی رو حذف کردید دیگر لود هم نخواهد شد.
کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)