javascript - 在 Bootstrap 中使用 JavaScript 添加具有功能的按钮

Question

我在下面创建了一个模式窗口，使用 jQuery-UI 将自定义按钮和功能附加到这些按钮上。但是，我想在 Bootstrap 中使用 JavaScript 而不是使用数据属性来做同样的事情。我该怎么做？Bootstrap 网站仅给出了使用数据属性执行此类操作的示例。

function showWindow(message) {
    windowShowing = true;
    $("#alertWindow").dialog(
    {
        height: 120, 
        modal: true, 
        buttons: 
        { 
          Continue: function(){$(this).dialog("close"); someProcedure();},            
          Exit: function(){$(this).dialog("close"); exitProcedure();}
        },
        close: function(){windowShowing = false;}       
     });
    $("#alertWindowMsg").text(message);
}

Answer 1

您可以添加单独的处理程序并使用 Bootstrap 提供的模态方法。就像是

$(".close-button").click(function(){
    $('#myModal').modal('hide');
    exitProcedure();
});

$(".continue-button").click(function(){
    $('#myModal').modal('hide');
    continueProcedure();
});