PHP-Jquery-简单模式的开放数据

PHP - Jquery - simple modal open data?

本文关键字：数据 简单 模式 PHP-Jquery-      更新时间：2023-11-08

我有简单的模态：

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

我不知道如何显示用户的信息这个用户数据。

帮助：（

如果在modal中打开隐藏的div，则应使用隐藏包装器div并在modal打开内部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>

尝试使用此方法。

试试这个。。

 $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();
    }
    });
    });
相关文章：