0

如何更改作为 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。

4

1 回答 1

0
$(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 对话框,现在它可以工作了。

于 2015-09-21T04:11:02.147 回答