Sweet Alert 2 gem 确认框按确定后重定向到链接

Question

我不确定为什么“确定”或“取消”没有做任何事情，无论如何我希望当有人按“确定”将其重定向到链接时

<div class="popup" onclick="sweetalertclick()">

              <p id="center"><%= image_tag "pickup.png" ,width: "80px"%><br>

                <span  onclick="sweetalertclick()"></span>Request a DDS pick u

                </span>

              </p>

            </div>

    <script>

    function sweetalertclick() {

    

    swal({

        title: "Request a DDS",

        text: "Please log in to DDS website to request a pick up, my code is: xxxx. By pressing ok you will link to google.com",

        showCancelButton: true,

        confirmButtonColor: "#DD6B55",

        confirmButtonText: "Ok",

        cancelButtonText: "Cancel",

        closeOnConfirm: false,

        closeOnCancel: false,

      },

      function(isConfirm){

        if (isConfirm) {

          window.location.href = "google.com"

        }

      }

    );

      

    }

    </script>

在宝石文件中

gem 'rails-assets-sweetalert2', source: 'https://rails-assets.org'

gem 'sweet-alert2-rails'

gem 'sweet-alert-confirm'

在 application.js 中

//= require sweetalert2

//= require jquery

//= require jquery_ujs

//= require sweet-alert2-rails

//= require cocoon 

//= require sweet-alert-confirm  

//= require_tree .

在应用程序.scss中

 *= require_self

 *= require sweetalert2

 *= require_tree .

 */

Answer 1

您必须使用.then()并在其中传递重定向过程：例子：function sweetalertclick() {swal({&nbsp; &nbsp; title: 'Request a DDS',&nbsp; &nbsp; text: "Please log in to DDS website to request a pick up, my code is: xxxx. By pressing ok you will link to google.com",&nbsp; &nbsp; showCancelButton: true,&nbsp; &nbsp; confirmButtonColor: "#DD6B55",&nbsp; &nbsp; confirmButtonText: "Ok",&nbsp; }).then((result) => {&nbsp; console.log(result)&nbsp; &nbsp; if (result) {&nbsp; &nbsp; &nbsp; window.location.href = "google.com";&nbsp; &nbsp; }&nbsp; });&nbsp;&nbsp;}