PHP - Jquery - 简单的模态开放数据?

时间:2015-02-13 11:50:15

标签: javascript php jquery modal-dialog

我只是模态:

<div id="info" style="display: none;">

    <h3 class="title">User info</h3>

    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td width="50%" align="right">ID user:</td>
            <td>1</td>
        </tr>
        <tr>
            <td width="50%" align="right">Login:</td>
            <td>1</td>
        </tr>
    </table>

</div>

和PHP脚本:

$get = mysql_query("SELECT * FROM users");
while($user = mysql_fetch_assoc($get)) {
echo '<a href="#" title="" class="open_info">Wyświetl info o '.$user['login'].'</a>';
}

JS - 打开信息点击:

$('.open_info').click(function(e){
        $('#info').modal({
            autoResize: true
        });
        return false;
    });

我不知道如何向用户显示此用户数据信息。

帮助:(

2 个答案:

答案 0 :(得分:0)

你在模态中打开一个隐藏的div,你应该使用隐藏的包装div并在模态中打开内部div。

<div style="display: none;">
    <div id="info">

    <h3 class="title">User info</h3>

    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td width="50%" align="right">ID user:</td>
            <td>1</td>
        </tr>
        <tr>
            <td width="50%" align="right">Login:</td>
            <td>1</td>
        </tr>
    </table>

</div>
</div>

尝试使用此方法。

答案 1 :(得分:0)

试试这个..

 $get = mysql_query("SELECT * FROM users");
    while($user = mysql_fetch_assoc($get)) {
    echo '<a href="#" title="" class="open_info" id="'.$user['id'].'">Wyświetl info o '.$user['login'].'</a>';
echo '<div id="'.$user['id'].'" style="display: none;" >

    <h3 class="title">User info</h3>

    <table border="0" cellpadding="5" cellspacing="0">
        <tr>
            <td width="50%" align="right">ID user:</td>
            <td>1</td>
        </tr>
        <tr>
            <td width="50%" align="right">Login:</td>
            <td>1</td>
        </tr>
    </table>

</div>';
    }

    $(".open_info").click(function(){
    var getid = $(this).attr("id");
    var docnumbers = new Array();
    $('.open_info').each(function() {
       var selectdoc=this.id;
    if(getid==selectdoc)
    {
    $("#"+selectdoc).show();
    } else {
    $("#"+selectdoc).hide();
    }

    });
    });