Jquery MVC 中的终端不适合我

Question

刚刚在我的 cloud9 项目中实现了 http://terminal.jcubic.pl/#demo。它就像一个魅力，可以做它应该做的一切。

项目=https://ide.c9.io/wigge/andreas-cv

网站 = andreas-cv-wigge.c9users.io/kol.html

现在进入正题。我希望它能在我的 visual studio 中的 MVC 项目中工作，但到目前为止，它还没有。

MVC问题=http://gyazo.com/c24931d3479e6fe2df756e17af542f24

终端似乎没有得到它应该得到的脚本之类的，我可以在终端中写入但不能删除并单击回车。

这是我在 MVC 中的代码（我将在文件中给出 js 代码，稍后 link 它们）jsfiddle。net/19o39bx1/#&togetherjs=Ux8Mez1pOv

有人知道它是什么吗？

或者也许有人为我提供了更好的终端

Answer 1

当我在代码后添加另一个 jQuery 时，我能够重现错误，

<script src="js/jquery-1.8.0.js"></script>
<script src="js/jquery.mousewheel-min.js"></script>
<script src="js/jquery.terminal-src.js"></script>
<script>
jQuery(function($) {
    $('body').terminal(function(command, term) {
      term.echo(command);
    });
});
</script>
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>

检查您是否没有包含另一个 jQuery（可能添加了 MVC，检查结果页面的来源）。

这是 jQuery 终端中的错误，可以在那里修复。

Answer 2

似乎 JQuery 终端仿真器脚本在 jQuery 代码加载之前启动，为防止这种情况尝试按以下顺序执行您的脚本：

<script src="http://code.jquery.com/jquery-latest.min.js"></script>//download jquery
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.terminal/0.10.9/js/jquery.terminal.min.js"></script>//download jquery terminal
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.terminal/0.10.9/css/jquery.terminal.min.css" rel="stylesheet"/>// jquery terminal styles

Answer 3

在 asp.ne MVC 项目中，默认情况下 jQuery 文件会添加到包含在默认页面中的捆绑广告中。我想您也添加了 jQuery 文件引用。并在 jcubic's 中重现了加载两个 jquery 文件时的场景。

Jquery MVC 中的终端不适合我

Jquery Terminal In MVC Doesnt Work For Me

html

javascript

asp.net-mvc

jquery

jquery-terminal