由于我使用脚本进行自动完成输入,问题是其中一个有效,另一个无效,那么我该如何解决这个问题?
<input class="ventypeahead form-control" type="text" placeholder="category">
<script type="text/javascript">
var path = "{{ route('autocompletecategory') }}";
$('input.cattypeahead').typeahead({
source: function (query, process) {
return $.get(path, { query: query }, function (data) {
return process(data);
});
}
});
</script>
<input class="cattypeahead form-control" type="text" >
<script type="text/javascript">
var path = "{{ route('autocompletevendor') }}";
$('input.ventypeahead').typeahead({
source: function (query, process) {
return $.get(path, { query: query }, function (data) {
return process(data);
});
}
});
</script>
最佳答案
问题是使用var path
两次,并且在错误的位置使用了错误的类
或在错误的位置使用了输入
,
只需反转类名并更改变量名称即可,
<input class="ventypeahead form-control" type="text" placeholder="category">
<script type="text/javascript">
var path1 = "{{ route('autocompletecategory') }}";
$('input.ventypeahead').typeahead({
source: function (query, process) {
return $.get(path1, { query: query }, function (data) {
return process(data);
});
}
});
</script>
<input class="cattypeahead form-control" type="text" >
<script type="text/javascript">
var path2 = "{{ route('autocompletevendor') }}";
$('input.cattypeahead').typeahead({
source: function (query, process) {
return $.get(path2, { query: query }, function (data) {
return process(data);
});
}
});
</script>
关于javascript - laravel 在一个页面中实现两个脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47937901/