Question

我最近了解了Jquery pop-up div 我用了this link。我想要那种弹出式div。

但问题是，我需要多个弹出式div 假设我在数据库表中有15个用户，那么我想要15个不同的链接。此外，每个弹出div应显示该用户的数据库信息。

我还发现了this one，但是这个弹出式div不随鼠标指针移动，当div宽度大于链接宽度时，这不起作用。

所以我想像第一个例子那样弹出div 我怎么能这样做？

Answer 1

我比你更加想到这个问题。所以这是我的想法。

1st-你不需要多个div使用jquery＆amp; php你可以操纵一个div你想要的。第二 - 说你显示你的15人第一次使工作更容易。假设您将它们存储在一些链接中，如下一个示例，我们假设我们有ID，名称，年龄和位置：

<?php
$sql = "SELECT * FROM persons";
$result = mysql_query($sql);
while(mysql_fetch_array($result)) {
echo '<a hred="#" class="trigger" id=' . $result['id'] . '>' . $result['name'] . '</a><br />';
}

现在使用AJAX我们显示悬停任何链接的结果：

$('a').mouseenter(function(e) {
var myperson = $(e.target).text();
$.ajax({
url: "details.php?current=" + myperson,
success: function(html){
if(html) {
$("a").append(html);  //here you'll have to get the current hovered link- this will dispaly the info on all the links on hovering one of them
}
}
}

现在在details.php页面中，我们将对当前人员进行查询：

<?php
$currpers = "SELECT * FROM persons WHERE name = '" . addslashes($_GET['current']) . "'") or die(mysql_error());
$results = mysql_query($currpers);
if(mysql_fetch_array($results )) {
echo '<div class="pop-up">
      <p>
      <strong>Age:</strong>' . $results ['age'] . '<br />
      <strong>Location:</strong> ' . $results ['location'] . '
      </p>
      </div>';
}
?>

注意：我没有测试过这个。可能会有一些调整，但想法是一样的。

如何根据数据库信息制作多个弹出div？

1 个答案: