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 に答える