如何更改javascript代码，使弹出窗口打开为bPopup，而不是在新的弹出窗口中

Question

如何更改弹出窗口下面的代码作为dpopups（http://dinbror.dk/bpopup/）打开。现在我的代码在一个新的弹出窗口中打开弹出窗口。

$(document).ready(function() {
    var table = $('#taulu').DataTable( {
        "ajax": "taulu.php",
        "columnDefs": [ {
            "targets": -1,
            "data": null,
            "defaultContent": "<button id='muokkaa'>Muokkaa</button>"
        } ]
    } );
$('#taulu tbody').on( 'click', 'button', function () {

        var data = table.row( $(this).parents('tr') ).data();
        var myWindow = window.open('muokkaa.php?id=' + data[0]+'&saldo='+ data[3]+'&nimi='+ data[1], "", "width=300, height=300");
    } );
}

就像上面这样，但我希望弹出窗口打开为bpopup

$('element_to_pop_up').bPopup({
    contentContainer:'.content',
    loadUrl: 'muokkaa.php?id=' + data[0]+'&saldo='+ data[3]+'&nimi='+ data[1]' //Uses jQuery.load()
});

以上是文档中的内容，但我无法正常使用。

图为我的html网站。我已经包含了jQuery。每个按钮都应该打开dPopup。

Answer 1

$(document).ready(function() {
    var table = $('#taulu').DataTable( {
        "ajax": "taulu.php",
        "columnDefs": [ {
            "targets": -1,
            "data": null,
            "defaultContent": "<button id='muokkaa'>Muokkaa</button>"
        } ]
    } );

        $('#taulu tbody').on( 'click', 'button', function () {
        var data = table.row( $(this).parents('tr') ).data();
        var myWindow = ('muokkaa.php?id=' + data[0]+'&saldo='+ data[3]+'&nimi='+ data[1]);

    $(function ()    {
        $('<div>').dialog({
            modal: true,
            open: function ()
            {
                $(this).load(myWindow);
            },         
            height: 400,
            width: 400,
            title: 'Dynamically Loaded Page'
        });
    });
    } );
}
);

我刚刚使用了jquery对话框，现在它可以工作了。