رفتن به مطلب

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


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

سلام و درود

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

با سپاس و تشکر

 

لینک به ارسال

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

$(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;
}

 

لینک به ارسال

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

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

 

لینک به ارسال

درست شد.

$(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
لینک به ارسال

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

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

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

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

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

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

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

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

×
×
  • اضافه کردن...