[英]Jquery autocompletebox doesn't always work
我在模态窗口中的jQuery autocompletebox有问题。 虐待尽力解释情况。 如果您有任何疑问,请告诉我。
我有一个包含所有字段的屏幕,它是主要记录。 我也有一个子记录的集合。 我希望用户使用子记录的模式对话框将信息添加到子记录中。 子记录中的字段之一是“货币”字段。 此字段应为自动完成框。 问题很简单,但是两天后我仍然不知道如何解决它。 用户首次按下添加按钮时,模态窗口会完美打开。 自动完成框的工作原理也很吸引人。 但是,当用户保存第一个孩子并想通过按添加按钮添加第二个孩子时,模态窗口将再次打开。 但是,然后我得到错误消息: “ Uncaught TypeError:$(...)。autocomplete不是一个函数” ,我无法找出为什么第一次一切正常,但是为什么第二次出现此错误。
编码:
要打开模式窗口:
<a href="#theModal" class="nav-link btn btn-info float-right" data-
remote="/Specification/_AddSpecification" data-toggle="modal" data-
backdrop="static" data-target="#theModal"> Nieuwe specificatie</a>
对于自动完成框(我为此使用一个类)
<script>
$(document).ready(function () {
$(document).on('focus',
'.CurrencySelect',
function () {
$(this).autocomplete({
source: function (request, response) {
$.ajax({
url: "/Currency/searchCurrencies",
type: "POST",
dataType: "json",
data: { searchValue: request.term },
success: function (data) {
//alert(JSON.stringify(data));
response($.map(data,
function (item) {
return { label: item.currency.Name, value: item.currency.Id };
}));
}
});
},
select: function (event, ui) {
//alert(this.id);
var idField = this.id.replace('String', '');
//alert(idField);
$("input[name=" + idField + "]").val(ui.item.value);
$("input[name=" + this.id + "]").val(ui.item.label);
// retrieve the exchange rate from the selected currency for the specified declarationDate.
$.ajax({
url: "/Currency/getExchangeRate",
type: "POST",
dataType: "json",
data: {
currencyId: ui.item.value,
date: $("#date").val()
},
success: function (data) {
//alert(JSON.stringify(data));
// Check if status = success
if (data.status === "success") {
// check if statusmessage = null
if (data.statusmessage == null) {
// Disablen van het veld ExchangeRate.
$("#ExchangeRateReadOnly").attr("disabled", "disabled");
// Vullen van het veld ExchangeRate via een variabele.
var er = data.Value;
$("#ExchangeRateReadOnly").val(er.toString().replace(/\./g, ','));
$("#ExchangeRate").val(er.toString().replace(/\./g, ','));
convertCurrencyToEuro();
} else if (data.statusmessage === "Exchangerate unknown") {
alert(
"Voor de geselecteerde valuta is geen geldige koers bekend. U dient deze zelf op te voeren.");
$('#ExchangeRateReadOnly').prop("disabled", false);
convertCurrencyToEuro();
} else if (data.statusmessage === "No exchangerate needed") {
alert("Er is geen koers nodig voor de geselecteerde valuta.");
$("#ExchangeRateReadOnly").attr("disabled", "disabled");
convertCurrencyToEuro();
} else if (data.statusmessage === "Invalid currency code") {
alert("Er is geen geldige valuta geselecteerd.");
convertCurrencyToEuro();
}
}
}
});
return false;
}
});
});
});
</script>
我希望有人可以帮助我解决这个问题。
请指教,
凯文
我刚刚解决了这个问题。 多么愚蠢,jquery被加载了两次。 一次在_layout页中,一次在父级页面中记录自身。 从父级子页面中删除它之后,一切似乎都可以正常运行了。
谢谢你的帮助!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.