在Bootstrap中使用JavaScript添加功能按钮

Question

我在下面创建了一个模态窗口，使用jQuery-UI将自定义按钮和功能附加到这些按钮上。但是，我想在使用JavaScript而不使用数据属性的Bootstrap中进行等效操作。我该怎么做？ Bootstrap website仅提供使用数据属性执行此类操作的示例。

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();
});