Question

我有一个带有侧边栏菜单的管理面板。它充当主版面页面。我在母版管理控制台中插入了@section，用于子页面的内容和脚本。（我知道布局页面和子页面的结构，并且已经使用了几次。）但是我有一个问题。我已经在内容页面中使用过Ajax。然后在子页面的脚本部分中，以：

$(document).ready( function () {

问题在这里：现在我想在“主版面”页面中使用Ajax，然后我应该为“管理”面板添加一些自定义脚本，该脚本必须以以下内容开头：

$(document).ready( function () {

如果我将此代码添加到“主版面”页面，它将被复制。我该怎么办？

Answer 1

在具有布局的布局页面中，需要在js脚本下方，尤其是在jquery脚本下方添加@yield('scripts')。

然后，在当前页面的所有内容下方添加

@section('scripts')
<script>
  $(document).ready(function(){
     // some stuff here
  })
</script>
@endsection

Answer 2

如果您只想在管理页面上应用一些自定义脚本，则可以与所需的当前视图共享脚本，并在管理控制器中执行以下操作：

let result = this.elements('css selector', '#bfsDesktopFilters .search-filters__item #ddl-menter code hereake > option', function (result) {
   return result.value.forEach(element => {
      return this.elementIdValue(element.ELEMENT, function (text) {
            return text.value;
        })
    })
})

var random = results[Math.floor(Math.random(`enter code here`) * results.length)];
console.log(random); // Log the random string

要在主刀片服务器组件中包含这些自定义脚本，请检查是否传递了任何脚本。如果您这样做，它们将包含在您的布局中：

$scripts[] = '/dist/js/admin/shop.js';
view()->share('scripts', $scripts);

Answer 3

感谢所有人。实际上，我理解了“布局”页面和“内容”页面的含义。我的错是我以为布局页面是真实页面，现在我知道它只是一个布局，没有真实的代码和脚本。

如何为Laravel中的Master布局页面添加自定义脚本

3 个答案: