javascript - semantic-ui - Modal 没有风格

Question

我在 http://semantic-ui.com/modules/modal.html#/definition 上得到了基本模式的片段并在我的网站上使用它。

但问题是，它没有样式。 "is"或“否”按钮不可点击，对齐不好，出现关闭按钮。

模态:

<div class="ui basic modal">
  <i class="close icon"></i>
  <div class="header">
    Archive Old Messages
  </div>
  <div class="image content">
    <div class="image">
      <i class="archive icon"></i>
    </div>
    <div class="description">
      <p>Your inbox is getting full, would you like us to enable automatic archiving of old messages?</p>
    </div>
  </div>
  <div class="actions">
    <div class="two fluid ui inverted buttons">
      <div class="ui red basic inverted button">
        <i class="remove icon"></i>
        No
      </div>
      <div class="ui green basic inverted button">
        <i class="checkmark icon"></i>
        Yes
      </div>
    </div>
  </div>
</div>

Javascript:

$('.ui.basic.modal').modal('show');

链接:

<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.rtl.min.css">
    <link rel="stylesheet" type="text/css" href="assets/dist/style.css">
    <link rel="stylesheet" type="text/css" href="assets/waves.css">
    <script src="http://semantic-ui.com/javascript/library/jquery.min.js"></script>
    <script src="semantic/dist/semantic.min.js"></script>
    <script src="assets/waves.js"></script>

谢谢!

Answer 1

我唯一可以假设的是您没有正确包含您的 CSS 文件。如果您进入开发人员工具 (CTRL + Shift + I)，并查看您的控制台(面板左上角的选项卡)，是否会出现任何错误？