2016-08-29 2 views
0

にブートストラップのタブ内のビューを@includeすることはできません。私はブートストラップのタブ内のビューを含めることはできませんLaravel 5.1

base.blade.php

@extends('layout.admin') 

@section('content') 
    <div class="container"> 
     <h2>Dynamic Tabs</h2> 
     <ul class="nav nav-tabs"> 
      <li class="active"><a href="#home">Chat</a></li> 
      <li><a href="#menu1">Información</a></li> 
      <li><a href="#menu2">Envio mensajes</a></li> 
      <li><a href="#menu3">Capturar pantalla</a></li> 
     </ul> 

     <div class="tab-content"> 
      <div id="home" class="tab-pane fade in active"> 
       @include('tab.funciones.chat') 
      </div> 
      <div id="menu1" class="tab-pane fade"> 
       @include('tab.funciones.informacion') 
      </div> 
      <div id="menu2" class="tab-pane fade"> 
       @include('tab.funciones.mensajes') 
      </div> 
      <div id="menu3" class="tab-pane fade"> 
       @include('tab.funciones.pantalla') 
      </div> 
     </div> 
    </div> 

    <script> 
    $(document).ready(function(){ 
     $(".nav-tabs a").click(function(){ 
      $(this).tab('show'); 
     }); 
    }); 
    </script> 
@endsection 

私は「タブ」と呼ばれるディレクトリを持っていると私はビューのこのビューや他のディレクトリを持っているの内側、情報、mensajesとpantallaチャット。

THRE問題であるルート

Route::get('/fun', function(){ 
    return view('tab.base'); 
}); 

+0

あなたのタブフォルダはレイアウトフォルダに含まれていますか、それとも同じレベルですか? –

+0

adminページで@yield( 'content')と書いていますか?ウルadmin.blade.phpページがされているとし、<!DOCTYPE HTML> \t @yield( 'コンテンツ') – Borna

+0

リソース/ビュー/レイアウト/ admin.blade.phpリソース/ビュー/タブ/ base.blade.php – josue

答えて

0

はここ

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> 

を閉じるHTMLは休みになる前にもブートストラップ、あなたが管理者

<head> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> 
</head> 

とjQueryにライブラリを追加を確認してください。この

をお試しください

@extends('layout.admin') 

@section('content') 

<div class="container"> 
    <div class="col-md-6"> 
     <div class="panel with-nav-tabs panel-default"> 
      <div class="panel-heading"> 
       <ul class="nav nav-tabs"> 
        <li class="active"><a href="#home" data-toggle="tab">Chat</a></li> 
        <li><a href="#menu1" data-toggle="tab"> Información</a></li> 
        <li><a href="#menu3" data-toggle="tab">Envio mensajes</a></li> 
        <li><a href="#menu4" data-toggle="tab">Capturar pantalla</a></li> 
       </ul> 
      </div> 
      <div class="panel-body"> 
       <div class="tab-content"> 
        <div class="tab-pane fade in active" id="home"> 
         @include('tab.funciones.chat') 
        </div> 
        <div class="tab-pane fade" id="menu1"> 
         @include('tab.funciones.informacion') 
        </div> 
        <div class="tab-pane fade" id="menu3"> 
         @include('tab.funciones.mensajes') 
        </div> 
        <div class="tab-pane fade" id="menu4"> 
         @include('tab.funciones.pantalla') 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

@stop 
+0

にクリックしないことを!!!!!!! – josue

+0

そのことを聞いてうれしい! – ErcanE

関連する問題