我有一个 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 功能需要 jQuery
- chrome 开发控制台显示没有错误。
- 正如预期的那样,chrome 开发网络按上面显示的顺序显示了所有三个脚本的加载。
所以... - 什么时候...('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 的任何额外复杂性。
我应该看什么?