jQuery .ajax Syntaxfehler, nicht erkannte Ausdruck

Question

Ich versuche, Daten durch .ajax Aufruf abrufen und fügen Sie die Antwort HTML-Code Bootstrap Modal Body. Aber ich hielt diesen Fehler empfangen:

jquery-3.1.0.min.js: 2 nicht erfasste Fehler: Syntaxfehler, nicht erkannte Äußerung: http://localhost/menu/create

Eigentlich erhalte ich die gewünschten Daten in der Antwort, aber wegen dieses Fehler, die Daten können nicht im modalen Fenster angezeigt werden.

Hier ist mein Code. Wenn ich auf einen Link klicke, gibt der Ajax-Aufruf ein HTML-Formular zurück und fügt es in den modalen Text ein. Dann wird das modale Fenster angezeigt.

<a href="{{route('menu.create')}}" class="btn btn-default pull-right show-new-menu-item-modal" data-toggle="modal">New Menu Item</a> 

$('body').on('click', '.show-new-menu-item-modal', function(event) { 
event.preventDefault(); 
$.ajax({ 
     url: $(this).attr('href'), 
     dataType: 'html', 
     success: function(response) { 
      $("#new-menu-item-body").html(response); 
     } 
    }); 
    $('#new-menu-item-modal').modal('show'); 
}); 

Ich google und ändere den Code für mehrere Stunden, aber immer noch kein Glück. Ich würde es sehr schätzen, wenn mir jemand eine Idee geben könnte. Danke im Voraus!

Answer 1

Ich vermute, es liegt an Bootstrap und die Tatsache, dass Sie data-toggle="modal" auf das Element gesetzt haben.

Versuchen Sie, das zu entfernen. Sie initialisieren das Modal selbst so, wie es ist.

Was ich denke, passiert ist, weil Sie nicht die data-target verwendet haben, die mit data-toggle in Verbindung erforderlich ist, versucht, die href als jQuery-Selektor für die modal-ID zu verwenden, und das würde werfen, welchen Fehler Sie, wenn Sie sehen, did that

Answer 2

@charlietfl ist richtig, Sie können die Standardaktion zu einem Modal nicht verhindern, wenn Sie das tun, wird es überhaupt nicht öffnen, überprüfen Sie die Javascript-Methode zum Aufrufen eines Modal in der Bootstrap-Dokumentation, es hat eine Lösung dass Sie verwenden können, um zu machen, was Sie wollen, überprüfen Sie diese URL: http://getbootstrap.com/javascript/.

Hoffnung, die Sie

Bests lösen!