laravel 1つのページに2つのスクリプトを実装する

Question

オートコンプリート入力用にスクリプトを使用しているため、問題はその1つが機能していて、もう1つは機能しないため、この問題をどのように解決できますか？

<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 2回を使用しているとwrong class in wrong placeまたはusing input in wrong place、

ちょうどクラス名を逆にしても、変数名を変更、

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