添加我的其他 Javascript 时，Javascript/JQuery 的一部分不起作用答案

【问题标题】：One part of Javascript/JQuery not working when adding my other Javascript添加我的其他 Javascript 时，Javascript/JQuery 的一部分不起作用
【发布时间】：2020-07-17 20:19:09
【问题描述】：

我正在为我的班级创建一个 Laravel/php 论坛，我正在尝试让“通知”栏工作，但注意到我必须牺牲我的 UI 的一部分才能让它出现（它类型out 并删除放入 Javascript 中的字符串）。当我添加我认为由不同 JQuery 使用的 javascript 时，我意识到了这个问题，而不是我正在使用的。这是一个特定的部分，所有其余的 javascript 都可以工作。

这是“打字”设计的代码：

HTML：

 <h1> <span class="typed"></span></h1> <br />

Javascript：

   $(function () {
    $(".typed").typed({
        strings: ["How hard is full stack development?", "Is Tupac still alive?",
            "What keeps you up at night?",
            "Ask really random stuff",
            "Do it, I dare you", "...", " （✿ ͡◕ ᴗ◕)つ━━✫・*。 "
        ],
        typeSpeed: 30,
        loop: true,
        backDelay: 2000,
    });
});

我尝试使用$.noConflict()，但仍然没有运气。每次我取消注释这部分： <script src="{{asset('js/app.js')}}"></script>

打字效果停止，但所有其他 JS 工作并出现通知栏。如果被注释掉，通知栏就会消失，并且可以再次输入。

注意：JS 重定向到 app.js 连接到.vue。我有搞乱 .vue 包括完全删除它和当引用该 JS 时，打字效果仍然不起作用包括在内。

这很有趣，因为我在我的 javascript 的其他部分使用的 jQuery ($) 符号仍然有效......

感谢任何帮助。

谢谢

【问题讨论】：

在加载dom的时候，是否为dom插入新的js代码？
我不相信我已经把 Dom 搞砸了。我会调查的。
请分享更多细节。您尝试过什么调试问题？这与 PHP 或 Laravel 有什么关系？

标签： javascript php jquery laravel vue.js

【解决方案1】：

我建议不要包含 js/app.js，因为这会启动 Vue，显然你的页面没有它也能正常工作。找到具有 jQuery“类型化”插件的 javascript 文件并加载它而不是加载 js/app.js。确保在加载 jQuery 库的那一行之后引用它。

【讨论】：