css sweetalert does'nt work when click on button [closed]

xzv2uavs 于 2023-04-08 发布在其他

关注(0)|答案(1)|浏览(126)

**已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。

这个问题是由一个错字或一个无法再复制的问题引起的。虽然类似的问题可能是on-topic在这里，但这个问题的解决方式不太可能帮助未来的读者。
2天前关闭。
Improve this question
日安，我试图使用sweetalert onclick但当我点击按钮什么也没发生，只有警报显示刷新页面时，我想实现的是，当点击按钮的警报出现，而不是刷新页面时.
我试图使用sweetalert，它应该是当我点击一个按钮应该出现警报，但事实上，这并没有发生，在启动时，它会自动出现每次我加载页面，我想实现的是，只有当我点击按钮的警报出现，而不是每次页面刷新。

function successAlert()
Swal.fire(
   'saved!',   
   'success'
 )

.show-example-btn {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

<script src="sweetalert2.min.js"></script>
<link rel="stylesheet" href="sweetalert2.min.css">
<div class="showcase sweet">
      <button
        class="show-example-btn"
        aria-label="Show SweetAlert2 success message"
        onclick="successAlert()">
        save
      </button>
      <pre data-example-id="sweetAlert"></pre>
    </div>

css

来源：https://stackoverflow.com/questions/75930431/sweetalert-doesnt-work-when-clicking-on-button

1条答案

按热度按时间

bfrts1fy1#

错误的函数定义，缺少{和}，就像Quentin在评论中提到的那样，而且基本swal alert的结构是这样的

Swal.fire(
   title,
   text,
   icon
)

你添加了success消息，文本应该在那里，你的图标永远不会显示在你的提醒上。你应该把它改成这样：

function successAlert() {
  Swal.fire(
    'saved!',
    'You successfully pressed the button',
    'success'
  )
}

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<div class="showcase sweet">
  <button class="show-example-btn" aria-label="Show SweetAlert2 success message" onclick="successAlert()">
        save
      </button>
  <pre data-example-id="sweetAlert"></pre>
</div>

赞(0）回复(0）举报 2023-04-08

我来回答

css sweetalert does'nt work when click on button [closed]

1条答案

相关问题

热门标签

最新问答