laravel-5 - jquery.steps 的问题

Question

我正在使用 jquery.steps 插件，但是当我在浏览器中打开页面时，我收到消息“TypeError: $(...).steps is not a function”。这是我的示例代码（我正在使用 Laravel）：

{!! HTML::script(asset("/js/wizard.js")) !!} {{-- wizard.js contains jquery.min.js and jquery.steps.min.js, generated via gulp --}}
<div id="wizard">
    <h1>First Step</h1>
    <div>First Content</div>

    <h1>Second Step</h1>
    <div>Second Content</div>
</div>

<script>
    var wizard = $("#wizard").steps();
    wizard.steps("add", {
            title: "HTML code",
            content: "<strong>HTML code</strong>"
    });
</script>

我是否缺少一些基本的东西，或者这没有按预期工作。任何建议表示赞赏。

提前致谢

Answer 1

确保不要两次导入 jquery。如果您通过包管理器下载了 jquery.steps 库，它可能已经下载了 jquery 库作为 jquery.steps 的依赖项，从而导致与您已经导入的 jquery 文件发生冲突。您也可以尝试使用独立版本的 jquery.steps。