在引导中使用 JavaScript 添加具有功能的按钮

Adding Buttons with Functionality Using JavaScript in Bootstrap

本文关键字：功能 按钮 添加 JavaScript      更新时间：2023-09-26

我在下面创建了一个模态窗口，使用 jQuery-UI 将自定义按钮和功能附加到这些按钮上。但是，我想使用 JavaScript 而不是使用数据属性在 Bootstrap 中做等效的操作。我该怎么做？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);
}

您可以添加单独的处理程序并使用 Bootstrap 提供的模式方法。类似的东西

$(".close-button").click(function(){
    $('#myModal').modal('hide');
    exitProcedure();
});
$(".continue-button").click(function(){
    $('#myModal').modal('hide');
    continueProcedure();
});
相关文章：