Laravel 4 个不同的页面@section 正在破坏脚本

Question

我对 laravel 4 非常陌生，我正在尝试用另一个视图扩展我的布局。

我的 layout.blade.php 末尾有这个：

 {{ HTML::script('js/jquery.nicescroll.min.js') }}
 {{ HTML::script('js/jquery.pickmeup.min.js') }}
 {{ HTML::script('js/myscript.js') }}
 </body>
 </html>

---

然后我有一个文件 page1.blade.php，其中有很多内容，仅显示要点：

@extends('layout/layout')

@section('contents')

<section id="start">
......
</section>
@stop

---

在这个文件中，myscript.js 中的所有 javascript 函数都可以正常运行，尽管它们只包含在 layout.blade.php 中

---

现在我创建了另一个视图，名为“bookings”，并带有相应的文件“bookings.blade.php”

这里是 bookings.blade.php：

@extends('layout/layout')

@section('contents')


<section id="bookingform">
<div id="bookingforma" style="background-color: #00a651; height: 10px; width:100%;">

   {{ Form::open(array('url' => 'bookings', 'class' => 'form-inline', 'role' => 'form')) }}
         <div class="form-group">
         <span><strong>Date available?  </strong>  </span>
           {{ Form::text('from1',Input::get('from'),array('class' => 'form-control', 'id' => 'fromforma')) }}
         </div> <span><strong>  -  </strong></span>
         <div class="form-group">
           {{ Form::text('to1',Input::get('to'),array('class' => 'form-control', 'id' => 'toforma')) }}
         </div> <span><strong>  for  </strong></span>
         <div class="checkbox">
           {{ Form::select('persons1', array('1' => '1','2'=>'2','3'=>'3','4'=>'4'),Input::get('persons'),array('class' => 'form-control')) }}

         </div>
     {{ Form::submit('Request!', array('class' => 'btn btn-success')) }}
       {{ Form::close() }}
</div>
</section>
@stop

基本上我对@section 和@stop 和@extends 的操作与在page1.blade.php 中的操作完全相同，但我不能使用任何javascript 函数。

确切地说，如果我调用一个

 var a = document.getElementById('bookingform');

使用 myscript.js，javascript 也会中断 page1.blade.php 的内容。 （并且在 bookings.blade.php 中不起作用）

我的 routes.php 文件如下：

Route::get('/', function()
{
    return View::make('page1');
});
Route::get('index', function() {

    return View::make('page1');

});


Route::get('bookings', 'BookingController@getBooking');

Route::post('bookings','BookingController@getBookingDates');

BookingController：

class BookingController extends BaseController {


    public function getBooking(){

        return View::make('bookings');
    }


    public function getBookingDates()
    {


        $data = Input::all();


        return View::make('bookings');
    }
}

关于 laravel 有什么我完全不明白的吗？或者有人发现了问题所在？

编辑：

javascript：

$(document).ready(function () {

    function heightsetter() {
        var w = window,
            d = document,
            e = d.documentElement,
            g = d.getElementsByTagName('body')[0],

            y = w.innerHeight || e.clientHeight || g.clientHeight;

        return y;
    }

    var resizeTimeout;
    window.onresize = function () {
        clearTimeout(resizeTimeout);
        var height = document.getElementById('start');
        height.style.height = heightsetter() + "px";
        var heightz = document.getElementById('hotels');
        heightz.style.height = heightsetter() + "px";
        var heightd = document.getElementById('training');
        heightd.style.height = heightsetter() + "px";

        resizeTimeout = setTimeout(function () {

        }, 250); 
    };

    var height = document.getElementById('start');
    height.style.height = heightsetter() + "px";
    var heightz = document.getElementById('hotels');
    heightz.style.height = heightsetter() + "px";
    var heightd = document.getElementById('training');
    heightd.style.height = heightsetter() + "px";
    var heightb = document.getElementById('bookingform'); //<<< **this breaks it**
    heightb.style.height = heightsetter() + "px";

    .....



    });

Answer 1

看起来您从未将该 ID 添加到表单本身。您正在尝试访问不存在的东西。

Form::open(array('url' => 'bookings', 'class' => 'form-inline', 'role' => 'form', 'id'=>'bookingForm')