jQuery .ajax構文エラー、認識できない式

Question

私は.ajax呼び出しでデータを取得しようとしており、応答HTMLコードをブートストラップモーダル本体に追加しようとしています。しかし、私はこのエラーを受けたまま：

jqueryの-3.1.0.min.js：2不明なエラー：構文エラー、認識できない表現：http://localhost/menu/create

実は私は応答ではなく、このための所望のデータを受け取りますエラー、モーダルウィンドウにデータを表示することはできません。

ここに私のコードです。リンクをクリックすると、ajax呼び出しはhtml形式を返し、それをモーダル本体に挿入します。モーダルウィンドウが表示されます。

<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'); 
}); 

私はグーグルで数時間にわたりコードを変更していますが、まだ運がありません。もし誰かが私に何か考えを与えることができれば、とても感謝しています。前もって感謝します！

Answer 1

私はそれがブートストラップの原因であると考えています。実際には、要素にdata-toggle="modal"と設定されています。

これを削除してください。モーダルをそのまま初期化しています。あなたはモーダルidのjQueryのセレクタとしてhrefを使用しようとしているdata-toggleに関連して必要とされるdata-targetを使用していなかった、あなたならばそれはあなたが見る、エラーをスローしていましたので、私は何が起こっていると思う何

ですその

Answer 2

@charlietflが正しい場合は、モーダルへのデフォルトアクションを防ぐことはできません。そうした場合は、まったく開きません。ブートストラップのドキュメントでモーダルを呼び出すjavascriptの方法を確認してください。あなたが望むものを作るために使うことができる、このURLを確認してください：http://getbootstrap.com/javascript/。

あなたは

カテゴリーで探すを解決することを望みます！