我无法让 SmartWizard Jquery 4 与 Bootstrap 4 一起使用答案

【问题标题】：I can't make SmartWizard Jquery 4 to work with Bootstrap 4我无法让 SmartWizard Jquery 4 与 Bootstrap 4 一起使用
【发布时间】：2018-03-14 19:29:45
【问题描述】：

我是 StackOverflow 的新手，我想问一下是否有人可以帮助我修复我的代码。我无法让 SmartWizard jquery 4 工作。我绝对复制了每一行代码（除了 css 和 js 文件的源代码），但它仍然不起作用。对不起，我不知道怎么回事，我只是一个编码新手，希望你能帮助我理解这个小问题。

我将在此处附上我的源代码和图像。

我希望复制的来自 Jquery SmartWizard 的代码来自 http://techlaboratory.net/smartwizard。下载 Zip 文件并打开 zip 文件的示例文件夹下的 index.html 文件。

这是我要复制的代码的输出： Output of the code I wish to copy

这是我的源代码。

<!DOCTYPE html>
<html>
<head>
     <title>Smart Wizard - a JavaScript jQuery Step Wizard plugin</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">

      <!-- Only difference is i'm using Bootstrap 4 -->
      <link rel="stylesheet" 
      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" 
      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" 
      crossorigin="anonymous"/>

  <link href="/sample2/resources/css/smart_wizard.min.css" rel="stylesheet" type="text/css" />
  <link href="/sample2/resources/css/smart_wizard_theme_circles.min.css" rel="stylesheet" type="text/css" />
  <link href="/sample2/resources/css/smart_wizard_theme_circles.min.css" rel="stylesheet" type="text/css" />
  <link href="/sample2/resources/css/smart_wizard_theme_circles.min.css" rel="stylesheet" type="text/css" />

</head>

<body>

 //the same as the code in index

 <script type="text/javascript" src="/sample2/resources/js/jquery.smartWizard.min.js"></script>

</body>
</html>

这是我的项目文件夹架构：project folder architecture

这是我的代码的输出：My output

再次抱歉，我只是一个编码新手，感谢您回答我的问题。

编辑：我刚刚发现 Jquery SmartWizard 4 不兼容/不能与基于 cmets 的 Bootstrap 4 一起使用，但有人使它可以使用，正如评论者所说，“修改后可以使用。我还有一些小问题解决。谢谢”。有人知道如何让 Jquery SmartWizard 4 与 Bootstrap 4 一起工作吗？非常感谢！

EDIT2：我现在让它与 Bootstrap 4 一起工作，这就是我所做的：

更改了这行代码：

来自： <script type="text/javascript" src="/sample2/resources/js/jquery.smartWizard.min.js"></script>

在此语法中，它获取此版本的 SmartWizard Jquery SmartWizard 4.2.2 is being fetched.

到： <script type="text/javascript" src="/sample2/resources//js/jquery.smartWizard.min.js"></script>

在此语法中，它获取最新版本的 SmartWizard Jquery SmartWizard 4.3.1 is being fetched.

现在我的问题是，额外的斜线如何影响 SmartWizard 获取其版本的方式，我很想知道为什么。非常感谢！但现在我可以让 Jquery SmartWizard 4.3.1 与 Bootstrap 一起工作。

【问题讨论】：

感谢您编辑我的问题编辑器！

标签： javascript jquery bootstrap-4

【解决方案1】：

为了让 Jquery SmartWizard 4 与 Bootstrap 4 一起工作，我不得不更改代码行

发件人：

<script type="text/javascript" src="/sample2/resources/js/jquery.smartWizard.min.js"></script>

收件人：

<script type="text/javascript" src="/sample2/resources//js/jquery.smartWizard.min.js"></script>

我对 css 文件做了同样的事情，所以现在看起来像这样

<link href="/sample2/resources//css/smart_wizard.min.css" rel="stylesheet" type="text/css" />

使用缩小版，因为当我使用缩小版但链接的语法是“/sample2/resources/css/smart_wizard.min.css”时，文档获取 SmartWizard v4.x 版本。我绝对不知道为什么会发生这种情况，在资源更改正在使用的版本之后添加一个额外的斜杠，所以如果有人能提供答案，那就太好了！非常感谢！干杯！

【讨论】：