页面初始化函数

Question

我有一个js文件，里面有一个带多个参数的函数

function initSlider(slider, sliderRow, slides, CLONES_COUNT, doAutoPlay) {
. . .
}

我想在不同的页面上使用这个功能，但参数略有不同，假设其中一个页面会有

initSlider(slider, sliderRow, slides, (slides.length < 2) ? 0 : 1, slides.length > 1)

问题是，如何在页面本身调用这个初始化函数？

laravel 的常用页面，blade.php，最后有一个带有脚本的部分

@section('scripts')
<script src="/js/slider.js"></script>
@endsection

我试试

@yield('scripts')
@stack('slider-script')
</body>

@section('scripts')
other scripts
@endsection

@push('slider-script')
 <script src="/js/slider.js"></script>
@endpush

@push('slider-script')
<script>
   initSlider(slider, sliderRow, slides, (slides.length < 2) ? 0 : 1, slides.length > 1);
</script>
@endpush

但没有任何效果，错误

未捕获的 ReferenceError：未定义 initSlider

Answer 1

如果菲尔的回答不起作用。有一种可能性：您没有在文档中的任何地方声明@yield('script')。 @yield 与 @section 一起使用，@stack 与 @push 一起使用。不要让他们迷惑你。

Answer 2

您可以将所有 Javascript 代码放在 @section('script') 和 @endsection 之间。

slider.js

function initSlider(slider, sliderRow, slides, CLONES_COUNT, doAutoPlay) {
    console.log(slider);
}

刀片

@section('script')
<script src="/js/slider.js"></script>
<script>
    slides = [1,2];
    initSlider(1, 2, slides, (slides.length < 2) ? 0 : 1, slides.length > 1);
</script>
@endsection

如果你想使用stack方法：

1. 在您的布局 php 文件中（例如 app.blade.php）

   @stack('scripts')
   </body>
   </html>
   

2. 在您当前的刀片文件中：

   @push('scripts')
    <script src="/js/slider.js"></script>
   @endpush
   
   @push('scripts')
   <script>
      slides = [1,2];
      initSlider(1, 2, slides, (slides.length < 2) ? 0 : 1, slides.length > 1);
   </script>
   @endpush
   

任何一种方式都应该有效。