آفلاین
user-avatar

فعال سازی تب بوت استرپ

2 سال پیش
توسط پایان جهان آپدیت شد
آفلاین
user-avatar
پایان جهان ( 108665 تجربه )
2 سال پیش
تخصص : جوجه برنامه نویس وردپرس و لاراول

درود ...

کد جاوااسکریپت برای فعال سازی تب بوت استرپ چیه؟
من کد زیر استفاده کردم کار نمی کنه...

function activaTab(tab){
    $('.nav-tabs a[href="#' + tab + '"]').tab('show');
};
آنلاین
user-avatar
سیدعلی موسوی ( 107573 تجربه )
2 سال پیش
تخصص : سی شارپ و پی اچ پی

کد خاصی نداره

یک فایل bootstrap.min.css
دوتا فایل یکی jquery و bootstrap.min.js

یه ایدی به دیو مورد نظر و استفاده از tab class

آفلاین
user-avatar
پایان جهان ( 108665 تجربه )
2 سال پیش
تخصص : جوجه برنامه نویس وردپرس و لاراول

@سیدعلی موسوی
این سه تا فایل فراخوانی شده مشکل اینه تب بوت استرپ با کلاسی که داده شده کار نمی کنه و از فعال سازی جاوا اسکریپت استفاده کردم کار نکرد...

آنلاین
user-avatar
سیدعلی موسوی ( 107573 تجربه )
2 سال پیش
تخصص : سی شارپ و پی اچ پی
آفلاین
user-avatar
پایان جهان ( 108665 تجربه )
2 سال پیش
تخصص : جوجه برنامه نویس وردپرس و لاراول

طبق همون لینکی دادید عمل کردم ولی کار نکرد چون تب ها رو جا به جا نمی کنه...

آنلاین
user-avatar
سیدعلی موسوی ( 107573 تجربه )
2 سال پیش
تخصص : سی شارپ و پی اچ پی

نمیدونم دوست عزیز مطمئنی داری از بوتسرپ جدید استفاده میکنی؟؟ّممکنه از قالبی که استفاده میکنی بوتسرپ قدیمی داره و کلاس شما رو نداره و نمیتونه ران کنه یکبار یه صفحه html خام بساز طبق اموزش و تست بکن. امیدوارم حل بشه

آفلاین
user-avatar
پایان جهان ( 108665 تجربه )
2 سال پیش
تخصص : جوجه برنامه نویس وردپرس و لاراول

@سیدعلی موسوی
درود...کلاسی که خود بوت استرپ داره یکی هستش و نسخه بوت استرپ ۳ است...

آفلاین
user-avatar
پایان جهان ( 108665 تجربه )
2 سال پیش
تخصص : جوجه برنامه نویس وردپرس و لاراول

کسی نیست راهنمایی کنه..نسخه بوت استرپ ۴ امتحان کردم کار نکرد....

آفلاین
user-avatar
ZR ( 8095 تجربه )
2 سال پیش

اول مطمئن شوید که فایلهای css مربوط به بوت استرپ در تگ head و جی کوئری و سپس bootstrap.js یا bootstrap.min.js در انتهای سند و قبل از بستن شدن تگ body قرار گرفته بعد نیازی به کد فعالسازی نداره.کلاس های بوت استرپ خیلی کار رو ساده کرده.نمونه کد زیر رو استفاده کنید.
<ul class="nav nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">تب 1</a></li> <li><a href="#tab2" data-toggle="tab">تب 2</a></li> <li><a href="#tab3" data-toggle="tab">تب 3</a></li> <li><a href="#tab4" data-toggle="tab">تب 4</a></li> </ul> <div class="row tab-content"> <div class="col-md-12 tab-pane fade in active" id="tab1"> <p> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با است فاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطر آنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزار های کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراح ان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نی از شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد. </p> </div> <div class="col-md-12 tab-pane fade in" id="tab2"> <ul class="nav"> <li><a href="#">طراحی وب</a></li> <li><a href="#">جاوا اسکریپت</a></li> <li><a href="#">جی کوئری</a></li> <li><a href="#">PHP</a></li> </ul> </div> <div class="col-md-12 tab-pane fade in" id="tab3"> <p> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با است فاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطر آنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزار های کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را </p> </div> <div class="col-md-12 tab-pane fade in" id="tab4">4</div> </div>

آفلاین
user-avatar
پایان جهان ( 108665 تجربه )
2 سال پیش
تخصص : جوجه برنامه نویس وردپرس و لاراول

@ZR
دوست عزیز کد رو در قسمت ``` قرار بده که به صورت کد نمایش دهد اینی که فرستادی بهم ریخته هستش که

برای ارسال پاسخ باید وارد سایت شوید