PDA

View Full Version : Sidebar



sana95
جمعه 17 مرداد 1393, 17:45 عصر
سلام

دوستان میشه بگید از منوهای زیر چه جور میشه استفاده کرد ؟ من که هر جور امتحان کردم جواب نداد .

http://bootsnipp.com/snippets/featured/bootstrap-docs-sidebar یا http://jsfiddle.net/KyleMit/v6zhz/


نه تنها این منو ها با تمامی منوهای جی کوئری مشکل دارم . میشه کمکم کنید ؟

aminmousavi
جمعه 17 مرداد 1393, 20:14 عصر
سلام دوست عزیز ، منظورتون از استفاده اینکه چجوری توی پروژه اتون اضافه کنید یا چجوری تحت سروس کنیدش ؟

اگر در خصوص استفاده از پروژه هست باید لینک های css و js (که برای لینک هایی که دادید bootstrap هست ) رو درج کنید .

من منوی http://jsfiddle.net/KyleMit/v6zhz/ رو براتون توی یک فایل html گذاشتم .

لینک منو (http://greendeveloper.ir/files/menu%20bootstrap.html) (viewsource بگیرید و کپی کنید توی پروژه اتون)

sana95
جمعه 17 مرداد 1393, 21:38 عصر
خیلی ممنون از لطفتون .

ولی این منو ها ی زیر منو داره من اون زیر منو ها رو احتیاج دارم و اینکه منوی فعال از توی ساید بار مشخص نیست . ( مال منم همینطوریه تو پروژه ام )

aminmousavi
جمعه 17 مرداد 1393, 22:51 عصر
سلام دوست عزیز ، برای اینکه زیر منو ها مشخص بشن باید یک li رو Active کنین برای اینکار باید کلاس Active به li بدین مثل زیر :



<ul id="sidebar" class="nav nav-stacked fixed">
<li class="active">
<a href="#GroupA">Group A</a>
<ul class="nav nav-stacked">
<li><a href="#GroupASub1">Sub-Group 1</a></li>
<li><a href="#GroupASub2">Sub-Group 2</a></li>
</ul>
</li>



با اینکار زیر منو نشان داده میشود و li به حالت انتخاب شده میشود

sana95
جمعه 17 مرداد 1393, 23:37 عصر
ممنون .
ولی من میخوام وقتی کاربر روی هر منو کلیک کرد زیر منو هاش باز بشه با این روش شما هر منویی که کلاس Active داره زیر من هاش باز میشه .

تشکر فراوان

aminmousavi
شنبه 18 مرداد 1393, 00:24 صبح
دوست عزیز با تغییرات براتون آپلود کردم ، امیدوارم مشکلتون حل شه .

لینک فایل (http://greendeveloper.ir/files/menu_boostrap.zip)

sana95
شنبه 18 مرداد 1393, 09:43 صبح
خیلی ممنون . :لبخندساده: درست شد