unid_user 63 ارسال شده در آذر 97 گزارش بازنشر ارسال شده در آذر 97 سلام و درود دوستان گرامی ، من می خوام دستور شرطی رو بنویسم که اگر یک تگ دارای child بود به اون تگ ، یک تگ span اضافه کنه. خیلی تلاش کردم یه چیزهایی هم نوشتم ولی به نتیجه نرسیدم. لطفا راهنمایی کنید. با سپاس و تشکر نقل قول لینک به ارسال
unid_user 63 ارسال شده در آذر 97 مالک گزارش بازنشر ارسال شده در آذر 97 این کدها رو نوشتم مشکل قبلی درست شد فقط الان با اینکه کلاس مورد نظر با جی کوئری اعمال شد ه ولی منوها کارنمیکنه یعنی زیر منو نمایش داده نمیشه؟! $(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; } نقل قول لینک به ارسال
unid_user 63 ارسال شده در آذر 97 مالک گزارش بازنشر ارسال شده در آذر 97 با این حالت هم دوباره کلاس dropdown به تگ li مورد نظر اضافه میشه اما نمیدونم چرا وقتی با جی کوئری کلاس ها رو اضافه میکنم زیر منو باز نمیشه. انگار کلاس کار نمیکنه؟! $("nav ul li").parents('ul li').addClass('dropdown'); نقل قول لینک به ارسال
unid_user 63 ارسال شده در آذر 97 مالک گزارش بازنشر ارسال شده در آذر 97 (ویرایش شده) درست شد. $(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'); }); ویرایش شده آذر 97 توسط unid_user نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .