Question

最近，我使用Bootstrap插件（https://github.com/amoffat/bootstrap-application-wizard）创建了一个应用程序向导，当我从浏览器（Chrome）访问HTML文件时，该向导工作正常。

将代码放入新的ASP.NET MVC4视图后，包含样式表和js文件（包括Visual Studio和代码），Chrome在控制台中显示以下错误：

Uncaught TypeError: Object [object Object] has no method 'wizard'

这是代码的归属部分：

$(document).ready(function () {
        var wizard = $('#new-vm-wizard').wizard({
            keyboard: false,
            contentHeight: 400,
            contentWidth: 700,
            backdrop: 'static',

            buttons: {
                cancelText: "Abort",
                nextText: "Next",
                backText: "Back",
                submitText: "Submit",
                submittingText: "Please wait",
            }
        });

奇怪的部分：一旦我复制＆amp;将代码粘贴回一个简单的HTML文件（当然还要修改js / css文件的路径），我可以再次使用Chrome打开文件，整个向导就像一个魅力。

它不能包含错误，因为Visual Studio允许我快速跳转到所有链接文件而没有任何问题。

之前有人遇到过同样的问题吗？我很感谢任何建议，因为这件事让我非常疯狂。

此致晶圆厂

Answer 1

使用chrome调试器或您喜欢的调试器来确保您的源文件被拔出。还要确保您没有多次引用源文件

Answer 2

jquery.tools.js似乎对这些问题负责。因为我认为它是bootstrap-wizard.js的依赖，所以我没有尝试在没有它的情况下运行代码。删除对应的脚本标记后，一切正常。我不明白为什么它在静态HTML文件中有效... 谢谢你的帮助！

部署后JavaScript无法正常工作

2 个答案: