时间戳

首页 > 解决方案 > javaScript(s) 是否会相互覆盖？

javascript - javaScript(s) 是否会相互覆盖？

问题描述

我有一个 laravel 应用程序，现在我正在尝试向其中添加surveyJS 提供的功能。

所以标准的 laravel (v5.6) Authentication 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 菜单的工作，surveyJS 没有。-...('js/app.js')...删除时，laravel 菜单不起作用，但surveyjs 可以。

编辑#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 的任何额外复杂性。

我应该看什么？

标签： javascriptlaravel-5.6surveyjs

解决方案

推荐阅读