Question

我的结构看起来像这样

head.blade.php

<html class="no-js">
<head>
    <title></title>
</head>

<body class="page">
@include('layouts.sidepanel')

sidepanel.blade.php

div class="sidebar">
<ul>
   <li>
      <a href="#" class="menu-item" onclick="getPages({method: 'page',httpMethod: 'GET',uri: 'page',});">Page</a>
   </li>
</ul>
</div>

foot.blade.php

<script type="text/javascript" src={{ asset('js/jquery.js') }}></script>
<script type="text/javascript" src={{ asset('js/scripts.js') }}></script>    
    </body>
</html>

基layout.blade.php

@extends('layouts.head')


<main class="with-footer">

    <div class="row main-grid">
        @yield('content')
    </div>
</main>
@include('layouts.foot')

控制器

public function getSettings() {

        $settings = DB::table('settings')->get();

        $returnHTML = view('settings')->with('settings', $settings)->render();
        if($request->ajax()) {
            return response()->json(array('success' => true, 'data'=>$returnHTML));
        }
    }

settings.blade.php

@extends('layouts.base-layout')
@section('content')
<p>Test</p>
@endsection

和这个javascript函数

function getPages(params) {
    $.ajax({
        type: params.httpMethod,
        url: params.uri
    }).done(function (data) {
        switch (params.method) {
            default:
                if (data.success) {
                    if (data.data) {
                        $('.main-grid').html(data.data).fadeIn();
                    }
                }
                break;
        }
    })
}

扩展settings.blade.php里面的基本布局会复制主网格类中的侧边栏并且js正在工作但是我不希望其他页面内部的设置与主要内容完全一样，我只想要内容和js在渲染时工作。

我也尝试过 renderSection（）['content'] ，但结果相同。

Answer 1

尝试这样调用您的函数：

$('#container_id').on('click', '.post_button, .btn_favorite', function () { });

它将起作用。

使用ajax渲染视图时Javascript无法正常工作

1 个答案: