jQuery .ajax語法錯誤，無法識別的表達式

我試圖通過.ajax調用檢索數據並將響應html代碼添加到引導模態主體。但我一直接收此錯誤：jQuery .ajax語法錯誤，無法識別的表達式

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

我一直在使用谷歌搜索和更改代碼幾個小時，但仍然沒有運氣。如果有人能給我一些想法，我將非常感激。提前致謝！

來源

2016-10-04 bwang0904

嘗試在您的ajax調用結束時添加返回false –

我懷疑這是由於bootstrap和事實上你已經設置了元素上的data-toggle="modal"。

嘗試刪除。你自己初始化模態。

我認爲正在發生的事情是，因爲你沒有使用在聯想需要具有data-toggle它試圖使用href作爲一個jQuery選擇的模式ID，並且將拋出你看，如果你錯誤的data-target這是否

來源

2016-10-04 02:56:58 charlietfl

我刪除了data-toggle =「modal」，它工作正常！非常感謝！！！！ – bwang0904

@charlietfl是正確的，你不能阻止默認動作模式，如果你這樣做，它根本不會打開，檢查在Bootstrap文檔中調用模式的JavaScript方式，它有一個修復您可以使用它來製作您想要的內容，請查看此網址：http://getbootstrap.com/javascript/。

希望你解決

最好的！

來源

2016-10-04 06:54:10 bretanac93

jQuery .ajax語法錯誤，無法識別的表達式

回答

相關問題