رفتن به مطلب
گروه تلگرام وردپرس
USBcode

کار نکردن تب های بوت استرپ

پست های پیشنهاد شده

درود دوستان...

در حال ساخت تنظیمات پوسته وردپرس هستم که ۳ تب بوت استرپ ایجاد کردم ولی روی تب کلیک می کنم جا به جا صورت نمی گیره کار نمی کنه..

اینم کدی فایل ها رو فراخوانی کردم:

function enqueue_options() {
    wp_enqueue_script('bootstrap_min_js','jquery_min_js');
    wp_enqueue_style( 'bootstrap_css', get_template_directory_uri() . '/css/bootstrap.css' );
    wp_enqueue_style( 'style_css', get_template_directory_uri() . '/css/style.css' );
    wp_enqueue_script( 'jquery_min_js', get_template_directory_uri() . '/js/jquery.min.js',array( 'jquery'), 'null',true);
    wp_enqueue_script( 'bootstrap_min_js', get_template_directory_uri() . '/js/bootstrap.min.js',array(), 'null',true);
  }
add_action( 'admin_enqueue_scripts', 'enqueue_options', 110 );

اینم کد Html :

<div class="container">
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="panel panel-default optionss">
                <div class="panel-heading">
                  <h3 class="panel-title text-center">تنظیمات پوسته وردپرس </h3>
                </div>
                <div class="panel-body">
                    <ul class="nav nav-pills nav-justified">
                        <li class="active"><a data-toggle="pill" href="#menu1">سربرگ</a></li>
                        <li><a data-toggle="pill" href="#menu2">فعال و غیر فعال سازی</a></li>
                        <li><a data-toggle="pill" href="#menu3">پابرگ</a></li>
                      </ul>
                      
                      <div class="tab-content">
                        <div id="menu1" class="tab-pane fade in active">
                          <h3>تست</h3>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                        <div id="menu2" class="tab-pane fade">
                          <h3>تست</h3>
                          <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                        </div>
                        <div id="menu3" class="tab-pane fade">
                          <h3>تست</h3>
                          <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
                        </div>
                      </div>
                </div>
              </div>
        </div>
    </div>
</div>

ممنون میشم جواب بدید...

FireShot Capture 31 - wp-admin_admin.php.png

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
در 8 ساعت قبل، Mesmaili گفته است :

سلام.

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

درود...کار نمی کنه

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script>
        $(document).ready(function(){
            $(".nav-pills a").click(function(){
                $(this).tab('show');
            });
        });
    </script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="panel panel-default optionss">
                    <div class="panel-heading">
                      <h3 class="panel-title text-center">تنظیمات پوسته وردپرس </h3>
                    </div>
                    <div class="panel-body">
                        <ul class="nav nav-pills nav-justified">
                            <li class="active"><a data-toggle="pill" href="#menu1">سربرگ</a></li>
                            <li><a data-toggle="pill" href="#menu2">فعال و غیر فعال سازی</a></li>
                            <li><a data-toggle="pill" href="#menu3">پابرگ</a></li>
                          </ul>
                          
                          <div class="tab-content">
                            <div id="menu1" class="tab-pane fade in active">
                              <h3>تست</h3>
                              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                            </div>
                            <div id="menu2" class="tab-pane fade">
                              <h3>تست</h3>
                              <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                            </div>
                            <div id="menu3" class="tab-pane fade">
                              <h3>تست</h3>
                              <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
                            </div>
                          </div>
                    </div>
                  </div>
            </div>
        </div>
    </div>
</body>
</html>

 

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری

×