[英]javascript uncaught type error function ajax
在下面您可以看到兩個功能。 第二個完美地工作。 選擇菜單更改后,它將提交數據。
我正在嘗試將類似的邏輯應用於此領域。 當字段中的值更改時,我想將數據提交,如js的第一部分所示
盡管邏輯幾乎相同,但我仍然收到此錯誤
Uncaught ReferenceError: $ is not defined
9452:382 (anonymous function)
如果有人能向我闡明這到底是什么以及我如何解決它,我將不勝感激。 我的假設是它與事物加載的順序有關,但是由於邏輯與舊邏輯沒有什么不同,因此這肯定不是問題。
:javascript
$('#booking_package_#{package.id}').on("keyup change", function(){
var bookingPackageQuantity = document.getElementById("menu_item_#{package.id}");
$.ajax({
url: "/venues/#{venue.id}/bookings/#{booking.id}/booking_packages/#{@booking_package.id}/add_menu_item?menu_item_id="+bookingPackageQuantity,
type: "GET"
})
});
$('#menu_item_#{package.id}').on("change", function(){
var selects = document.getElementById("menu_item_#{package.id}");
var menuItemId = selects.options[selects.selectedIndex].value
$.ajax({
url: "/venues/#{venue.id}/bookings/#{booking.id}/booking_packages/#{@booking_package.id}/add_menu_item?menu_item_id="+menuItemId,
type: "GET"
})
});
我試圖將事件綁定到此字段
= number_field_tag 'quantity', booking.find_package(package).quantity, id: "booking_package_#{package.id}"
在JS的第一部分中,請輸入值。 可能破壞了javascript,請嘗試以下已編輯的代碼...
$('#booking_package_#{package.id}').on("keyup change", function(){
var bookingPackageQuantity = document.getElementById("menu_item_#{package.id}");
$.ajax({
url: "/venues/#{venue.id}/bookings/#{booking.id}/booking_packages/#{@booking_package.id}/add_menu_item?menu_item_id="+bookingPackageQuantity.value,
type: "GET"
})
});
您能否讓我知道您是否正在使用任何框架? 這樣我可以更好地幫助您...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.