رفتن به مطلب
unid_user

کمک برای خلاصه کردن کدهای جی کوئری

پست های پیشنهاد شده

سلام  ودرود

دوستان گرامی، من یه منوی بازشونده به صورت slideDown برای دسته محصولاتم کدهای جی کوئری زیر رو نوشتم. و برای هر کدام یک بار کدها رو تکرار کردم. آیا راه حل بهتری وجود داره که این کدهای جی کوئری رو خلاصه تر و حرفه ای تر بنویسم؟

 

ویرایش شده توسط unid_user

به اشتراک گذاری این ارسال


لینک به ارسال
در ۱ ساعت قبل، unid_user گفته است :

سلام  ودرود

دوستان گرامی، من یه منوی بازشونده به صورت slideDown برای دسته محصولاتم کدهای جی کوئری زیر رو نوشتم. و برای هر کدام یک بار کدها رو تکرار کردم. آیا راه حل بهتری وجود داره که این کدهای جی کوئری رو خلاصه تر و حرفه ای تر بنویسم؟

 

سلام دوست عزیز

من هرچی گشتم کدی پیدانکردم که بشه راهنمایی کرد

حتی زوم هم کردم !!!

در صورت امکان شما در این مورد راهنمایی کنید !!

به اشتراک گذاری این ارسال


لینک به ارسال
// electronic
$("#electronic > ul:has(li)").addClass('electronic-ul-1');
$("#electronic > ul:has(li) > li:has(ul)").addClass('dropdown');
$("#electronic > ul:has(li) > li:has(ul) > ul:has(li)").addClass('electronic-ul-2');
$("#electronic > span").click(function() {
  $("ul.electronic-ul-1").slideToggle(400);
});
$(".electronic-ul-1 > li.dropdown").click(function() {
  $("ul.electronic-ul-2", this).slideToggle(400);
});
// computer
$("#computer > ul:has(li)").addClass('computer-ul-1');
$("#computer > ul:has(li) > li:has(ul)").addClass('dropdown');
$("#computer > ul:has(li) > li:has(ul) > ul:has(li)").addClass('computer-ul-2');
$("#computer > span").click(function() {
  $("ul.computer-ul-1").slideToggle(400);
});
$(".computer-ul-1 > li.dropdown").click(function() {
  $("ul.computer-ul-2", this).slideToggle(400);
});

 

به اشتراک گذاری این ارسال


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


  • مطالب مشابه

    • توسط ramy1908
      درود، وقت دوستان بخیر
      یه سوال خیلی خیلی تخصصی داشتم، من برای سایتم اسلایدر jQuery استفاده می کنم.
      چطور میتونم بخشی ایجاد کنم ادمین فقط بعضی از مطالب رو وارد اسلایدر کنه، نمیخوام که یه دسته جداگانه واسه اسلایدر ایجاد کنم.
      راهی وجود داره برای این کار؟
    • توسط Neon_63
      سلام همگی. من در سایتم وقتی محصولی رو وارد سبد خرید میکنم و میرم به صفحه پرداخت، بهم ارور زیر رو میده:
      کتابخانه جی کوئری قبل از شهر های ایران لود نشده است!
      و بعد هم که یه استان رو انتخاب میکنم، در قسمت شهر ها میزنه "یافت نشد!"
      قالبش رو هم خودم نوشتم، اسم سایت هم رصد بوک هست. از آخرین نسخه وردپرس و ووکامرس هم استفاده میکنم
    • توسط SadraHkm
      سلام دوستان
      امیدوارم حالتون خوب باشه
      لطفا یه نگاهی به کد زیر بندازید
      <p>Paragraph 1</p> <p>Paragraph 2</p> <p>Paragraph 3</p> <p>Paragraph 4</p> <button id="calcBtn">Calculate</button> <div id="result"></div> <script> $(window).ready(function () { $('#calcBtn').click(function (e) { $('p').each(function () { $(this).css('color','rgb('+ rand(0,255) +','+ rand(0,255) +','+ rand(0,255) +')'); $('#result').append($(this).html()); // ----------------- This Code : //$('#result').append($(this)); }) }); }) </script> در اون قسمتی از کد که دارم محتوی کدهای پاراگراف رو به تگ div اضافه میکنم یه سوالی ذهن منو مشغول کرده.
      اگر همین کدی که الان هست رو اجرا کنیم، جی کوئری هربار توی حلقه رنگ تگ اصلی رو تغییر میده و یه کپی از اون پاراگراف میگیره و اضافه میکنه به div.
      ولی اگه اون تکه کدی که کامنت هست رو با اون خط جایگزین کنیم، میاد و هر بار کلا تگ پاراگراف رو برمیداره و اضافش میکنه به div. یعنی دیگه کپی ازش نمیگیره و دیگه تگ های p اون بالا باقی نمیموند.
      میخواستم ببینم آیا من درست فهمیدم ؟ یا مشکلی توی کد هست که اینجوری اجرا میشه ؟!
      باتشکر فراوان
       
    • توسط unid_user
      سلام و درود
      دوستان گرامی، می خوام با کلیک کردن روی یه تگ a هر بار سه تا از تگ های div که کلاس items رو دارن نمایش داده بشه یا به اصطلاح laod بشه.
      شبیه این دکمه توی سایت ها زیاد دیدم و لی آموزش هایی که دربارش هست برای من زیاد مناسب نیست و نتونستم درست کنم.
      با تشکر و سپاس
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، می خوام یه منوی آکاردئونی ساده با جی کوئری ایجاد کنم که وقتی روی هر کدوم از آیتم های منو کلیک میکنی، زیر منوی سایر آیتم ها بسته بشه.
      <nav> <ul id="first-ul"> <li> <a>صفحه اصلی</a> </li> <li> <a>خدمات</a> <ul class="second-ul"> <li> <a>آموزش رباتیک</a> </li> <li> <a>طراحی و ساخت ربات</a> </li> </ul> </li> <li> <a>محصولات</a> <ul class="second-ul"> <li> <a>ربات مسیریاب</a> </li> <li> <a>ربات حل ماز</a> </li> </ul> </li> </ul> </nav> با تشکر و سپاس
×
×
  • اضافه کردن...