Question

我有一个laravel应用，现在我正在尝试向它添加SurveyJS提供的功能。

因此，标准的laravel（v5.6）身份验证快速入门将其放入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')...
surveyJS功能需要jQuery
chrome开发者控制台未显示任何错误。
chrome开发人员网络按预期的顺序显示了所有三个脚本的加载顺序。

所以... -插入...('js/app.js')...时，laravel menu起作用，SurveyJS则不起作用。 -删除...('js/app.js')...时，laravel菜单不起作用，但Surveyjs起作用。

编辑＃2 现在进一步调查表明，在BODY标签内，此div是元凶。

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

如果我删除了该特定DIV元素，则我的javascript可以正常工作，尽管我在控制台app.js:36520 [Vue warn]: Cannot find element: #app上得到了一条警告警告-当然-我删除了它。

顺便说一句，

app.js似乎是与“ webpackBootstrap”相关的47,000多行代码。默认使用laravel auth quickstart安装-不是我的创作。

我已经放弃了我希望的一种简单方法，即一个简单的JQuery，从而避免了React / Angular / Vue的任何其他复杂性。

我应该看什么？

javaScript是否会相互覆盖？

0 个答案: