bichare 0 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 سلامخسته نباشید همگیآقا من با جی کوئری یه همچین چیزی می خوام ولی چون خودم رشتم برق هست نتونستم درستش کنم البته به صورت مقدماتی با جی کوئری آشنایی دارم ولی زیاد از توابع سر در نمی یارم این عکس رو ببینید و اون فلش کوچیک که نوکش به سمت چپ هستمی خوام وقتی رو اون آیتم اول کلیک شد اون فلش نوکش به سمت پایین باشه مثل عکس زیرو و قتی دوباره کلیک شد مثل قبل بشه و کلا اگر هی تکرار بشه مشکلی ایجاد نشهخواهش می کنم کمک کنید چند روز دنبال اینم ولی خیلی جاها اصلا صحبت از این نشده و بعضی ها هم فقط اینو گفتند که با کلیک بر روی اون فلش ، فلش می تونه تغییر کنهحالا من چیکار کنم چجوری کد رو بنویسم که کار کنهممنون نقل قول لینک به ارسال
reazah 255 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 دقیقا اولیش http://www.jqueryrain.com/example/jquery-menu-example/خوشت نیومد باز هم هست داخلش 2 نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 دقیقا اولیش http://www.jqueryrai...y-menu-example/خوشت نیومد باز هم هست داخلشسلام ممنون از پاسختونمن دیدم ولی اصلا عکس که تغییر نمی کنهمثالهای یگه رو هم دیدم ولی نتونستم کدش رو پیدا کنمیکم بیشتر راهنمایی کنیدممنون نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 این سایت مدیر نداره بابا مدیر لاقل کمک کنه نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 (ویرایش شده) اساتید محترم من نتونستم اونو طراحی کنم متاسفانه می خوام تصویر همون جوری باقی بمونه تغییر نکنهولی می خوام هر کدام که زیر مجموعه داشته باشه این عکس تو اون آیتمی که زیر مجموعه داره نشون داده بشه که طرف بدونه این زیر مجموعه داره من چجوری با جی کوئری این شرطو بنویسم و عکس رو نشون بدملطفا کمک کنید :| ویرایش شده اردیبهشت 94 توسط bichare نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 <script>$(document).ready(function() {$(".sidebar").find("ul").each(function() {var img = '<img src="folder/images/img.png">';$(this).prev("a").attr('href', 'javascript:void(0)').prepend(img);});})</script>پی نوشت: بجای نوشتن پیغامهای بی مورد و اینکه طوری وانمود کنید که دیگران موظند مشکل شما را حل کنند قوانین را بخوانید و بیست و چهار ساعت زمان انتظار برای پاسخ را رعایت کنید 2 نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 <script>$(document).ready(function() {$(".sidebar").find("ul").each(function() {var img = '<img src="folder/images/img.png">';$(this).prev("a").attr('href', 'javascript:void(0)').prepend(img);});})</script>پی نوشت:بجای نوشتن پیغامهای بی مورد و اینکه طوری وانمود کنید که دیگران موظند مشکل شما را حل کنند قوانین را بخوانید و بیست و چهار ساعت زمان انتظار برای پاسخ را رعایت کنیداستاد معذرت می خوام میشه بگین این کد چیکار می کنه نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 (ویرایش شده) استاد این سایت رو ببینید اون قسمت گروههای محصولاتکه وقتی رو یکی از ایتماش کلیک میشه اون فلش نوکش میره سمت بالا و زیر مجموعه هاش باز میشه من می خوام یه همچین چیزی درست کنم ولی نتونستم میشه یه کدی رو بنویسین که همچین چیزی بشهخواهش می کنم کمک کنید آدرس سایت ویرایش شده اردیبهشت 94 توسط bichare نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 سلام اگر صبور باشید چشم به خدا من داخل نت زندگی نمی کنم و فقط می تونم توی مواقع خالیم به انجمن سر بزنم 2 نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 https://jsfiddle.net/fakhar/77sjjktu/1/ 1 نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 https://jsfiddle.net...har/77sjjktu/1/سلاماستاد واقعا خیلی زحمت کشیدین از وقتتون که به خاطر من تلف شد معذرت می خواماستاد میشه توضیح بدی اون فلش آدرسش کجا قرار می گیره من نتونستم پیداش کنم و اون فلش اصلا نیست فقط فهرست نشون داده میشه نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 استاد واقعا من چیزی نفهمیدم میشه یه توضیح کلی در مورد اون جاوا اسکریپت بدین و بگین من عکس رو کجا قرار بدم ممنوناستاد این عکسو ببینید اینجوری نشون میده اصلا خیلی با اونی که شما نوشتین فرق داره و اون فلش همنیست نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 اون کد به استایل بندی بوت استراپ وصله اگر برای آیکون از فونت آیکون استفاده می کنید باید این قسمت از کد را <i class="fa glyphicon glyphicon-chevron-down rotate-90 fa-fw tree-icon"></i>تغییر بدید و الا می تونید یک آیکون به شکل دلخواه بسازید و در تصاویر قالبتون ذخیره کنید و در استایل دهی این کد را اضافه کنید .glyphicon-chevron-down:before {content:url('images/icon.png');} 1 نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 اون کد به استایل بندی بوت استراپ وصله اگر برای آیکون از فونت آیکون استفاده می کنید باید این قسمت از کد را <i class="fa glyphicon glyphicon-chevron-down rotate-90 fa-fw tree-icon"></i>تغییر بدید و الا می تونید یک آیکون به شکل دلخواه بسازید و در تصاویر قالبتون ذخیره کنید و در استایل دهی این کد را اضافه کنید.glyphicon-chevron-down:before {content:url('images/icon.png');}سلاماستاد شرمنده بوت استراپ چیهوالا من مبتدی هستدم زیادم بلد نیستماون کدی رو که شما بالا نوشتید من نمی ونم کجا قرار بدم همون فلش خوبه ولی نمی دونم چرا نشون نمی ده دقیق این کدهای شما رو کپی و پست می کن م ولی نشون نمی ده نه من نمی خوام عکس جای اون فلش بزارم اونطور که فهمیدم شما با کد اون فلش رو درست کردید همین خوبه ولی نمی دونم چرا نشون نمی ده خواهش می کنم یکم بازتر توضیح بدید اگرم قرار عکس بزام کجا بزارم ممنون از زحماتتون نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 استاد اینم کدهای من هست که دقیقا کد های شما رو قرار می دم ولی کار نمی کنه با فایرفاکس 32 هم تست می کنمکد های csshtml { direction:rtl;}.ul-sidebar ul{margin-right:20px;font-size:13px;}.sidebar ul { list-style:none;margin-right:20px;}.sidebar ul li ul { display:none;}.sidebar .tree-icon { cursor:pointer; margin:15px; transition:all .5s linear;font-size:13px;}.rotate-90 { filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}و اینم کدهای html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><link rel="stylesheet" type="text/css" href="style.css"/><script type="text/javascript" src="jquery1.11.2.min.js"></script><script type="text/javascript">$(".sidebarr").find("ul").find("ul").each(function () { var tree_icon ='<i class="fa glyphicon glyphicon-chevron-down rotate-90 fa-fw tree-icon"></i>'; $(this).parent("li").prepend(tree_icon);});$(".tree-icon").click(function () { $(this).toggleClass("rotate-90").nextAll("ul").slideToggle('normal');});</script></head><body> <!-- کلاس اصلی sidebar که فهرست در آن قرار می گیرد --><div class="sidebar nav nav-stacked"> <!-- ابتدای فهرست --> <ul> <li><a href="#">گزینه اول </a> <ul> <li><a href="#">گزینه اول </a> <ul> <li><a href="#">گزینه اول </a> <ul> <li><a href="#">گزینه اول </a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">گزینه ای دیگر</a> <ul> <li><a href="#">گزینه اول </a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> <ul> <li><a href="#">گزینه اول </a> </li> <li><a href="#">گزینه ای دیگر</a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">گزینه چهارم </a> <ul> <li><a href="#">گزینه اول </a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> </ul> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">گزینه ای دیگر</a> <ul> <li><a href="#">گزینه اول </a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> <ul> <li><a href="#">گزینه اول </a> </li> <li><a href="#">گزینه ای دیگر</a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">گزینه چهارم </a> <ul> <li><a href="#">گزینه اول </a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> </ul> <!-- انتهای فهرست --></div><!-- بستن کلاس sidebar --></body></html> نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 عرض کردم که یک آیکون فلش بسازید و در پوشه images با نام icon.png ذخیره کنید و .glyphicon-chevron-down:before {content:url('images/icon.png');}را به استایلتون اضافه کنید یا اگر می خواهید ایکون خودش ایجاد بشه <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">را به head سایتتون اضافه کنید 1 نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 عرض کردم که یک آیکون فلش بسازید و در پوشه images با نام icon.png ذخیره کنید و.glyphicon-chevron-down:before {content:url('images/icon.png');}را به استایلتون اضافه کنید یا اگر می خواهید ایکون خودش ایجاد بشه<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">را به head سایتتون اضافه کنیداستاد همین لینک بوتاسترپ رو به html اضافه کردم متاسفانه اون فلش نمیاد نمی دونم چرا فقط من اون فایل رو اضافه کردم و فلش نمیاد عوضش کلا نوشته ها درست می شناینم عکس که گرفتمهمونطور که گفتن فایل png هم ایجاد کردم و اون کد رو به css اضاف کردم متاسفانه بازم نیومدبه هر حال ممنون که کمک کردین نمی دونم مشکل کجاست ولی یه کاریش می کنمهمون ساده می کنممعذرت می خوام که وقتتون رو گرفتم نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><link rel="stylesheet" type="text/css" href="style.css"/><script type="text/javascript" src="jquery1.11.2.min.js"></script><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"></head><body> <!-- کلاس اصلی sidebar که فهرست در آن قرار می گیرد --><div class="sidebar nav nav-stacked"> <!-- ابتدای فهرست --> <ul> <li><a href="#">گزینه اول </a> <ul> <li><a href="#">گزینه اول </a> <ul> <li><a href="#">گزینه اول </a> <ul> <li><a href="#">گزینه اول </a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">گزینه ای دیگر</a> <ul> <li><a href="#">گزینه اول </a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> <ul> <li><a href="#">گزینه اول </a> </li> <li><a href="#">گزینه ای دیگر</a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">گزینه چهارم </a> <ul> <li><a href="#">گزینه اول </a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> </ul> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">گزینه ای دیگر</a> <ul> <li><a href="#">گزینه اول </a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> <ul> <li><a href="#">گزینه اول </a> </li> <li><a href="#">گزینه ای دیگر</a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">گزینه چهارم </a> <ul> <li><a href="#">گزینه اول </a> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <li><a href="#">سومین آیتم از یک لیست </a> </li> <li><a href="#">گزینه چهارم </a> </li> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> <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> <li><a href="#">پنجمین گزینه از یک لیست </a> </li> </ul> </li> </ul> <!-- انتهای فهرست --></div><!-- بستن کلاس sidebar --><script type="text/javascript">$(".sidebarr").find("ul").find("ul").each(function () { var tree_icon ='<i class="fa glyphicon glyphicon-chevron-down rotate-90 fa-fw tree-icon"></i>'; $(this).parent("li").prepend(tree_icon);});$(".tree-icon").click(function () { $(this).toggleClass("rotate-90").nextAll("ul").slideToggle('normal');});</script></body></html> 1 نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 استاد من دارم تو دریم ور تست می کنم شاید علت اینکه نشون نمیده این باشهالبته کلا آدرس ها رو درست می دم و جی کوئری رو هم خودم تست کردم که درست لینک شده و کار می کنه این کد بالایی هم اصلا فرقی نکردفقط می خوام بدونم مشکل از دریمور می تونه باشه یا نه نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 (ویرایش شده) سلاماستاد بلاخره شدوقتی جاوا اسکریپت رو تو قسمت head قرار می دم اصلا جواب نمی ده و همون آخری که نوشتین جواب می ده منتها من اون کد رو که قبلا دستکاری کرده بودم و sidebar رو نوشته بودم sidebarr که درست عمل نمی کرداین همون قسمتی هست که من اشتباه کردم<script type="text/javascript">$(".sidebarr").find("ul").find("ul").each(function () { var tree_icon ='<i class="fa glyphicon glyphicon-chevron-down rotate-90 fa-fw tree-icon"></i>'; $(this).parent("li").prepend(tree_icon);});$(".tree-icon").click(function () { $(this).toggleClass("rotate-90").nextAll("ul").slideToggle('normal');});</script>کلا اون sidebar رو درست کردم کار کرد ولی انتقال دادم به قسمت head کار نکرد نمی دونم چرااز زحمتی که برا پاسخ های من کشیدین تشکر می کنم اینم عکس ویرایش شده اردیبهشت 94 توسط bichare نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 من که بهتون عرض کردم کدهای اسکریپت را به فوتر و بعد از لود جی کوئری باید منتقل کنید اصولا لود جی کوئری در فوتر اشتباهه 1 نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 سلاممیشه بفرمایید که چجوری می تونم بفهمم که کدام تک ul دارهمثلا من می خوام که اگر یه تگ لیست داشت نشون بده و اگر نداشت بره به اون آدرسی که براش می دم نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 متوجه سئوالتون نشدم ul خودش تگه 1 نقل قول لینک به ارسال
bichare 0 ارسال شده در اردیبهشت 94 مالک گزارش بازنشر ارسال شده در اردیبهشت 94 متوجه سئوالتون نشدم ul خودش تگهسلاممنظورم تگ a هست من قسمت موضوعات رو می گم که هر کدام واسه خودشون ul دارن ولی اگر یکی نداشته باشه من چجوری بفهمم که این نداره و یه شرط رو با جی کوئری اجرا کنم نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در اردیبهشت 94 گزارش بازنشر ارسال شده در اردیبهشت 94 تگ a که مستقیما در ul قرار نمی گیره اگر درست منظورتون رو فهمیده باشم شاید این کد کمکتون کنه $(".sidebar").find("a").each(function() {var parents = $(this).parent().parent();if(parents.is("ul")) {//...}else {//...}}); 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .