Question

<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/style_index.css">
        <script src="js/testjs.js" charset="utf-8"></script>
        <script src="js/sweetalert2.all.min.js"></script>
    </head>

    ...

    <body>
        <div class="search">
            <input type="text" id="search" name="search" required>
            <button name="button" onclick="swal('Hi!')">Search1</button>
            <button name="button2" onclick="alert('hi2')">Search2</button>
        </div>

    ...

这是我的代码。

Search2按钮工作正常，但Search1按钮无效。当我单击此按钮时，页面不足，无法在IE11中使用。但是在chrome中没有问题...我不知道为什么会这样... 请帮助我。

Answer 1

Sweetalert2使用Promises，但是IE11未实现promise。您必须包括一个polyfill（it's written in the docs）。如果不包括polyfill，则开发者控制台日志（F12）"Promise" is undefined中将出现错误。

<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.26.12/sweetalert2.all.min.js"></script>
        <!-- Include a polyfill for ES6 Promises -->
        <script src="https://cdn.jsdelivr.net/npm/promise-polyfill"></script>
    </head>
    <body>
        <div class="search">
              <input type="text" id="search" name="search" required>
              <button name="button" onclick="swal('Hi!')">Search1</button>
              <button name="button2" onclick="alert('hi2')">Search2</button>
        </div>
    </body>
</html>

SweetAlert2无法正常工作并在IE11中停止

1 个答案: