semantic-ui

Question

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

但问题是，它没有风格。 "yes"或"no"按钮不可点击，对齐不好，出现关闭按钮。

模态：

<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)，并查看您的控制台（面板左上角的选项卡），是否会出现任何错误？

Answer 2

知道了！

代码段是问题所在。以下是正确的片段： http://legacy.semantic-ui.com/modules/modal.html

有趣的是他们不更新他们的主站点:|

semantic-ui - 模态框没有样式

semantic-ui - Modal got no style

html

javascript

css

jquery