JavaScript (s) перекрывают друг друга? - PullRequest
Новая
       6

JavaScript (s) перекрывают друг друга?

0 голосов
/ 26 июня 2018

У меня есть приложение laravel, к которому я сейчас пытаюсь добавить функциональность, предоставляемую surveyJS.

Итак, стандартная проверка подлинности laravel (v5.6) QuickStart помещает это в представление view / layouts / app.blade.php 

<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>

А затем я хочу добавить в опрос JSскрипты и JQuery, от которого это зависит.Поэтому я делаю это: 

<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://surveyjs.azureedge.net/1.0.28/survey.jquery.min.js"></script>
<script src="{{ asset('js/app.js') }}" defer></script>

Теперь, кажется, не имеет значения, куда я положил ...('js/app.js')... в порядке вещей, это просто существование, заставляющее сценарии surveyJS не работать.В частности, отображается форма опроса, но действия кнопки больше не работают.

РЕДАКТИРОВАТЬ

  • ...('js/app.js')... требуется для раскрывающихся меню заголовка laravel
  • jQuery необходим для функциональности surveyJS
  • Консоль Chrome Dev не показывает ошибок.
  • В сети chrome dev все три сценария загружаются в порядке, указанном выше, как и ожидалось.

Итак ... - Когда ...('js/app.js')... включено, то работает меню Laravel, surveyJS - нет.- Когда ...('js/app.js')... удалено, меню Laravel не работает, но Surveyjs работает.

EDIT # 2 Теперь дальнейшие исследования показывают, что в тегах BODY этот div является виновником.

<body>
   <div id="app">
       ....
   </div>
</body>

Если я удаляю этот указанный элемент DIV, то мои javascripts работают, хотя я получаю предупреждение в одну строку и моя консоль app.js:36520 [Vue warn]: Cannot find element: #app - конечно - я удалил его.

app.js между прочим, кажется, более 47 000 строк кода, связанных с "webpackBootstrap".Установлен по умолчанию с laravel auth quickstart - не мое творение.

Я придерживался того, что, как я надеюсь, является простым подходом, будучи простым JQuery и, таким образом, избегая любой дополнительной сложности React / Angular / Vue.

На что мне смотреть?

...