Question

我有一个有多个按钮的甜蜜警报。当用户点击按钮时，它应该打开另一个警报。我能够获得1个按钮，但就是这样。这可能与Sweet Alert 2有关吗？

代码：

$("#swa").on("click", function(e) {
        swal({
          title: '<u><b>Test 1</b></u><p>&nbsp;</p>',
          html:
            '<button id="panel2">Panel 2</button>'+
            '<p>&nbsp;</p>'+
            '<button id="panel3">Panel 3</button>',
          showCloseButton: true,
          showCancelButton: true,
          cancelButtonText: 'Go Back',
          width: '75%'
        })


$("#panel2").on("click", function(e) {
        swal({
          title: '<u><b>Test 2</b></u><p>&nbsp;</p>',
          html:
            'Test 2',
          showCloseButton: true,
          showCancelButton: true,
          cancelButtonText: 'Go Back',
          width: '75%'
        })

$("#panel3").on("click", function(e) {
        swal({
          title: '<u><b>Test 3</b></u><p>&nbsp;</p>',
          html:
            'Test 3',
          showCloseButton: true,
          showCancelButton: true,
          cancelButtonText: 'Go Back',
          width: '75%'
        })
});
});
});

JS Fiddle

Answer 1

发生的事情是你在panel2甜蜜警报中有你的panel3甜蜜警报。要解决此问题，请移动});

您的javaScript现在将是;

$("#panel2").on("click", function(e) {
        swal({
          title: '<u><b>Test 2</b></u><p>&nbsp;</p>',
          html:
            'Test 2',
          showCloseButton: true,
          showCancelButton: true,
          cancelButtonText: 'Go Back',
          width: '75%'
        })
    });// <--moved this here

$("#panel3").on("click", function(e) {
        swal({
          title: '<u><b>Test 3</b></u><p>&nbsp;</p>',
          html:
            'Test 3',
          showCloseButton: true,
          showCancelButton: true,
          cancelButtonText: 'Go Back',
          width: '75%'
        })
});
//<--from here
});// I don't think this line is needed

顺便说一句，除非与您尚未发布的代码相关，否则不需要上一个});。

祝你好运。

甜蜜警报2 - 有多个按钮打开不同的警报

1 个答案: