Javascript 每个数据库行的jQuery对话框_Javascript_Php_Jquery

Javascript 每个数据库行的jQuery对话框

javascript php jquery

Javascript 每个数据库行的jQuery对话框,javascript,php,jquery,Javascript,Php,Jquery,我使用这段代码从数据库中调用名称，并且我试图为每个名称创建一个新的Jquery对话框和按钮，其中每个按钮位于第一个名称下方，最后一个名称将显示在弹出对话框中。我接近了吗？或者这可能是我正在尝试的方式吗 <!doctype html> <html lang="en"> <head> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-

我使用这段代码从数据库中调用名称，并且我试图为每个名称创建一个新的Jquery对话框和按钮，其中每个按钮位于第一个名称下方，最后一个名称将显示在弹出对话框中。我接近了吗？或者这可能是我正在尝试的方式吗

<!doctype html>
<html lang="en">
<head> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
</head>
<body>
<?php
     $server = 'localhost';
     $user = 'root';
     $pass = 'root';
     $db = 'OCVC';
     $connection = mysql_connect($server, $user, $pass) 
     or die ("Could not connect to server ... \n" . mysql_error ());
     mysql_select_db($db) 
     or die ("Could not connect to database ... \n" . mysql_error ());
     $result = mysql_query("SELECT * FROM members") 
             or die(mysql_error());  
    while($row = mysql_fetch_array( $result )) { 
            $id = $row['id'];               
            $name = $row['first_name'];

            echo $row['first_name'];
            echo '<div id="'.$row['first_name'].'" title="Basic dialog">';
            echo $row['last_name'];
            echo '</div>';
            echo '<button id="'.$row['id'].'">Open Dialog</button>';
    }       
?>
 <script>

var name = "<?php echo $name; ?>";
var id = "<?php echo $id; ?>";
$(function() {
$( "#" + name ).dialog({
autoOpen: false,
show: {
effect: "",
duration: 0
},
hide: {
effect: "",
duration: 0
}
});
$( "#" + id ).click(function() {
$( "#" + name ).dialog( "open" );
});
});
</script>
</body>
</html>


var name=“”；
var id=“”；
$（函数（）{
$（“#”+名称）。对话框({
自动打开：错误，
展示：{
效果：“，
持续时间：0
},
隐藏：{
效果：“，
持续时间：0
}
});
$（“#”+id）。单击（函数（）{
$（“#”+名称）。对话框（“打开”）；
});
});

        echo '<div class="popups" id="'.$row['first_name'].'" title="Basic dialog">';
        echo $row['last_name'];
        echo '</div>';
        echo '<button class="showLastname" data-for="'.$row['first_name'].'">Show Last Name</button>';

$('.popups').hide();
$(document).on('click','.showLastname',function(){
    var id=$(this).data('for');
    $('#'+id).dialog({
          show: {
              effect: "",
              duration: 0
              },
          hide: {
          effect: "",
          duration: 0
          }
    });
});