Navigation en AJAX avec Jquery et Php

J'ai essayer aussi de deplacer mon script dans mon fichier app de LARAVEL comme ci-dessous:

<title>{{ config('app.name', 'QAQC') }}</title>

    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    <link href="{{ asset('css/liste_deroule_css.css') }}" rel="stylesheet">
    <link href="{{ asset('css/panel_tab_ccibf_css.css') }}" rel="stylesheet">
    <script src="{{ asset('googleapis/code.jquery.com/jquery-1.11.1.min.js') }}"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript">
     $(".list-group li").click(function() {
    console.log('salu');
});
</script>

quand je clic sur les items liste, ca ne marche pas non plus.

Salut,

Il faut que ton javascript soit lu au chargement de la page qui contient ta liste.

L'a tu mis dans le vue en question ?

Ton sélecteur n'est pas complet si tu veut être tranquille utilise l'ID de ton UL comme ceci

 $(".list-group ul#liste-trou-pattern  li").click(function() {
    console.log('salut');
});

Essaye de rajouter

$(document).ready(function () {
    $('#liste-trou-pattern li').on('click', function () {
        console.log('salut');
        });
});

Histoire d'être sûr que ton jQuery soit bien chargé.

Soit dit en passant, tu charges un jquery 1.11 et un jquery 3.2 dans ton code, ça risque de créer des problèmes.

Sachant que ce code pourrait s'écrire en JS natif, histoire de grapiller quelques ms au chargement de la page :)

document.querySelectorAll('#liste-trou-pattern li').forEach( item => {
    item.addEventListener('click', event => {
        event.preventDefault();
        console.log('salut');
    });
});