0

Estoy haciendo una plantilla llamada "MasterPage", en donde pondre el menu de toda mi pagina y que cambia su clase al darle click, para poder distinguir la vista en la que nos encontramos.

$('#menu li a').on('click', function(){
    $('li a.activo').removeClass('activo');
    $(this).addClass('activo');
});
.activo {
    text-decoration: underline;
    background-color: skyblue;
}
ul {
    list-style-type: none;
}
a {
    text-decoration: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="menu">
<ul>
<li><a class="activo" href="#inicio">Inicio</a></li>
<li><a href="#menu1">Iventario</a></li>
</ul>
</div>

La cosa es al dirigirnos al enlace, como retuna una vista toda la pagina se refresca y se pierde la clase "activo" nuevamente que agregue.

¿Como le hago para cargue solo la vista contenido?

@extends('MasterPage')
@section('contenido')
<div>....</div>
@endsection

1 respuesta 1

0

Yo lo haría con TurboLinks

Aquí dice cómo usarlo con Laravel: https://medium.com/web-developer/turbolinks-with-laravel-speed-up-navigation-in-your-laravel-app-with-turobolinks-41efbade643b

1
  • Turbolinks permite mantener parte de a la vista estática entre cambios de vistas. Es decir que refresca sólo parte de la vista como lo haría una Single Page Application, pero sin preocuparnos por usar Ajax. el 19 sep. 2019 a las 22:50

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.