0

以下のモーダル ウィンドウを作成して、jQuery-UI を使用してカスタマイズされたボタンとそれらのボタンに機能を追加しました。ただし、データ属性を使用せずに、JavaScript を使用して Bootstrap で同等のことを行いたいと考えています。どうすればいいですか？BootstrapのWeb サイトでは、データ属性を使用してこのようなことを行う例のみを示しています。

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

1 に答える 1

2

個別のハンドラーを追加して、Bootstrap が提供するモーダル メソッドを使用できます。何かのようなもの

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

$(".continue-button").click(function(){
    $('#myModal').modal('hide');
    continueProcedure();
});
于 2013-09-17T17:31:00.717 に答える