javascript - laravel 在一个页面中实现两个脚本

Question

由于我使用脚本进行自动完成输入，问题是其中一个有效，另一个无效，那么我该如何解决这个问题？

<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>

Answer 1

问题是使用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>