رایموند
7 سال پیش توسط رایموند مطرح شد
9 پاسخ

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

درود ...

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

function activaTab(tab){
    $('.nav-tabs a[href="#' + tab + '"]').tab('show');
};

ثبت پرسش جدید
سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 7 سال پیش آپدیت شد
0

کد خاصی نداره

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

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


رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 7 سال پیش مطرح شد
0

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


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 7 سال پیش مطرح شد
رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 7 سال پیش مطرح شد
0

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


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 7 سال پیش آپدیت شد
0

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


رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 7 سال پیش مطرح شد
0

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


رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 7 سال پیش مطرح شد
0

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


ZR
@Rezait65 7 سال پیش مطرح شد
0

اول مطمئن شوید که فایلهای 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>


رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 7 سال پیش مطرح شد
0

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام