使用jquery和bootstrap在laravel中动态导航?

时间:2014-07-13 12:56:56

标签: laravel blade

我是Laravel的新手,到目前为止我很喜欢它,并且尽可能地利用刀片模板系统。我现在所拥有的是我的导航存在于网站根目录的屏幕中间:

enter image description here

和我的home.blade.php内部:

@extends('layouts.master')

@section('title')
@parent
    ::Home
@stop

@section('content')

    <div class="row col-md-8 col-md-offset-2 text-center indexWrapper">
        <div class="indexNav">
        <ul class="text-right">
            <li><a href="artists">Artists</a></li>
            <li><a href="bulletin">Bulletin</a></li>
            <li><a href="something">Something</a></li>
            <li><a href="something">Something</a></li>
        </ul>
        </div>
        <div class="indexHeading">
            <h1 class="indexH1">Mumbler</h1>
        </div>
    </div>

@stop

和我的master.blade.php

<!DOCTYPE html>
<html>
<head>
<title>
@section('title')
@show
</title>  
<link href="{{ asset('bower/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/default.css') }}" rel="stylesheet"> 
<link href="{{ asset('bower/jquery/dist/jquery.min.js') }}" rel="script">
</head>
<body>
    <div class="container">
        @section('navigation')
        @show

        @yield('content')
    </div>
</body>
</html>

现在我也是Bootstrap的新手,所以我为可能会严重滥用课程而道歉。虽然我所拥有的是包含此导航的25%的余量,当我点击其中一个链接(IE艺术家)时,我希望整个导航向上移动(jquery,我可以处理那么多),和'艺术家'的观点出现在下面。对此有什么优雅的解决方案?初学者为laravel 4提供的任何资源?

谢谢

1 个答案:

答案 0 :(得分:0)

我相信您应该将此标记为javascript和jquery,因为刀片无法按照您的意愿执行,(当有人点击链接时向上移动)