我在 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>
谢谢!
最佳答案
我唯一可以假设的是您没有正确包含您的 CSS 文件。如果您进入开发人员工具 (CTRL + Shift + I),并查看您的控制台(面板左上角的选项卡),是否会出现任何错误?
关于javascript - semantic-ui - Modal 没有风格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37910835/