unid_user

has
دستور شرطی برای haschild در جی کوئری

4 پست در این موضوع قرار دارد

سلام و درود

دوستان گرامی ، من می خوام دستور شرطی رو بنویسم که اگر یک تگ دارای child بود به اون تگ ، یک تگ span اضافه کنه. خیلی تلاش کردم یه چیزهایی هم نوشتم ولی به نتیجه نرسیدم. لطفا راهنمایی کنید.

با سپاس و تشکر

 

0

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


لینک به پست

این کدها رو نوشتم مشکل قبلی درست شد فقط الان با اینکه کلاس مورد نظر با جی کوئری اعمال شد ه ولی منوها کارنمیکنه یعنی زیر منو نمایش داده نمیشه؟!

$(document).ready(function(){
  $("li:has(ul)").addClass('dropdown');
  $("li.dropdown > ul").parent().append('<span></span>');
});

$("li.dropdown").hover(function() {
  $(" > ul", this).stop().slideDown('400');
}, function() {
  $(" > ul", this).stop().slideUp('400');
});
<li>
              <a href="#">محصولات</a>
              <ul>
                <li>
                  <a href="#">محصول یک</a>
                </li>
                <li>
                  <a href="#">محصول دو</a>
                </li>
                <li>
                  <a href="#">محصول سه</a>
                </li>
                <li>
                  <a href="#">محصول چهار</a>
                </li>
              </ul>
            </li>
li.dropdown {
  position: relative;
}
li.dropdown > ul {
  position: absolute;
  width: 150px;
  background-color: #616161;
  right: 0px;
  top: 106%;
  border-bottom: 2px solid #333333;
  display: none;
}

 

0

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


لینک به پست

با این حالت هم دوباره کلاس dropdown به تگ li مورد نظر اضافه میشه اما نمیدونم چرا وقتی با جی کوئری کلاس ها رو اضافه میکنم زیر منو باز نمیشه. انگار کلاس کار نمیکنه؟!

$("nav ul li").parents('ul li').addClass('dropdown');

 

0

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


لینک به پست

ارسال شده در (ویرایش شده)

درست شد.

$(document).ready(function(){
  $("nav ul li").parents('ul li').addClass('dropdown');
  $("li.dropdown > ul").parent().append('<span></span>');
  $("li.dropdown").hover(function() {
    $(" > ul", this).stop().slideDown('400');
  }, function() {
    $(" > ul", this).stop().slideUp('400');
  });
});

علت این بود که چون کدهای مربوط به زیر منوها رو خارج از (document).ready نوشته بودم. و البته به صورت زیر هم درسته و کا میکنه.

$("nav ul li").parents('ul li').addClass('dropdown');
  $("li.dropdown > ul").parent().append('<span></span>');
  $("li.dropdown").hover(function() {
    $(" > ul", this).stop().slideDown('400');
  }, function() {
    $(" > ul", this).stop().slideUp('400');
  });

 

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

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط unid_user
      سلام و درود
      دوستان گرامی ، یه منو برای حالت موبایل ساختم که بنظرم خودم کدهاش کاملا درسته اما نمیدونم چرا وقتی روی li دوم از ul دوم هم کلیک میکنم. فرقی نمیکنه و تمام منو بسته میشه.
      لطفا ویدئو رو ببینید حتما متوجه منظورم میشید. حجم ویدئو 40 کیلوبایت هست.
      کدهای جی کوئری:
      $("span.mobile-nav-toggle").click(function() { $("nav#mobile-nav > ul").slideToggle(400); }); $("ul.mobile-nav-ul > li:has(ul)").addClass('dropdown'); $("ul.mobile-ul-1 > li:has(ul)").addClass('dropdown'); $("ul.mobile-nav-ul > li.dropdown").click(function() { $(" > ul.mobile-ul-1", this).slideToggle(400); }); $("ul.mobile-ul-1 > li.dropdown").click(function() { $(" > ul.mobile-ul-2", this).slideToggle(400); });  
      nav menu.webm
      با تشکر و سپاس
    • توسط unid_user
      سلام  ودرود
      دوستان گرامی، من یه منوی بازشونده به صورت slideDown برای دسته محصولاتم کدهای جی کوئری زیر رو نوشتم. و برای هر کدام یک بار کدها رو تکرار کردم. آیا راه حل بهتری وجود داره که این کدهای جی کوئری رو خلاصه تر و حرفه ای تر بنویسم؟
       
    • توسط unid_user
      سلام و درود
      دوستان گرامی، مدتی هست که می خوام به وسیله جی کوئری به after یا before یک تگ دسترسی داشته باشم ولی نمیدونم از چه کد و روشی باید کمک بگیرم.
      سایت های خارجی هم زیر و رو کردم مشکل مشابه من هست ولی نتونست به من کمک کنه.
      با تشکر و سپاس
    • توسط unid_user
      سلام و درود
      دوستان گرامی، چه روشی برای دریافت مقدار یک متغیر به صورت درصدی وجود داره؟
      مثلا میدونم که تابع parseFloat() مقدار صحیح یک متغیر رو بر میگردونه.
      با تشکر و سپاس
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، من یه منو نوشتم که می خوام border-bottom آخرین تگ a در هر کدام از زیر منوها رو با تابع last() در جی کوئری حذف کنم.
      البته حذف می شه اما به این صورت که آخرین منویی که دارای زیر منو هست border تگ a رو حذف میکنه. و برای منوهای قبلی border-bottom وجود داره.
      لطفا راهنمایی کنید.
      var lasta = "li.dropdown > ul > li > a"; $(lasta).last().css('border-bottom', 'none');