window.location.href无法使用SweetAlert2

时间:2017-12-06 19:13:03

标签: javascript jquery twitter-bootstrap sweetalert2

当用户选择模式表单上的删除按钮时,我有一个sweetAlert弹出框,该表单应将用户重定向到处理删除的页面。 sweetAlert正确显示。我暂时将theHREF记录到控制台并且可以告诉它是正确的,如果我将console.log移动到重定向功能theHREF未在控制台中显示。

注意:为循环中的每个项目生成模态,我已经验证从模态传递的data-bale-id是用于用户选择的正确项目。

调用sweetAlert的代码:

<a href="#" class="btn btn-lg btn-danger btn-flat pull-left delete-bale" data-bale-no="<%= baleNo%>" data-bale-id="<%= baleID%>" data-fb-id="<%= fbID%>"><i class="fa fa-trash-o" aria-hidden="true"></i>&nbsp;Delete</a>

这是sweetAlert:

//Delete Bale Sweet Alert
$('a.delete-bale').click(function(e) {
        e.preventDefault(); // Prevent the href from redirecting directly
        var fbId = $(this).attr("data-fb-id");
        var baleId = $(this).attr("data-bale-id");
        var baleNo = $(this).attr("data-bale-no");
        var theHREF = "bale_delete.asp?fbid=" + fbId + "&fbdid=" + baleId;
        console.log(theHREF);
        warnBeforeRedirect(baleNo,theHREF);
      });

      function warnBeforeRedirect(baleNo,theHREF) {
        swal({
          title: "Delete", 
          text: "Are you sure that you want to delete this bale? " + baleNo, 
          type: "question",
          confirmButtonColor: '#e45847',
          confirmButtonText: '<i class="fa fa-trash-o"></i> Delete',
          showCancelButton: true
        }, function() {
          // Redirect the user
          window.location.href = theHREF;
          return false;
        });
      }

当选择sweetAlert中的确认按钮时,没有任何反应。 sweetAlert只会消失,您将返回模态。

0 个答案:

没有答案