SignalR 适当的脚本放置

Question

好的，所以我决定 post 另一个问题（与我的另一个 one/edited 分开。这个问题更多的是关于脚本的顺序）。

所以我的问题是：我在 header

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" />
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
</head>

然后在底部我得到：

<script src="assets/js/app.min.js"></script>
<script src="assets/js/scripts.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
        <!--Reference the jQuery library. -->
<script src="Scripts/jquery-1.10.2.min.js" ></script>
<!--Reference the SignalR library. -->
<script src="Scripts/jquery.signalR-2.1.2.min.js"></script>
<!--Reference the autogenerated SignalR hub script. -->
<script src="signalr/hubs"></script>
<!--Add script to update the page and send messages.--> 

  
</form>

问题是我不知道在哪里正确放置 scripts/proper 命令将 signalR 放在最底部会删除我的 Navbar/animations/transitions，它位于 scripts.js，将 signalR 置于其上方将解决 Navbar 问题，但 signalR 将停止工作。

Answer 1

我首先看到的是您加载了 2 个不同版本的 jQuery。

在顶部-

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

在底部-

<script src="Scripts/jquery-1.10.2.min.js" ></script>

您应该只有 1 个版本。这可能会导致您的大部分问题。如果在两者之间应用类似的 js/css，则 bootstrap 和 jquery-ui（未验证）可能会有一些其他冲突运行。您可能想要搜索冲突，看看是什么影响了您。

就订单加载而言：

jQuery-x.x.x.min.js
bootstrap.min.js
jquery-ui.js
signalR-2.1.2.min.js
signalr/hubs

SignalR 适当的脚本放置

SignalR proper script placement

javascript

signalr