我正在为一个篮球网站开发一些东西。我有一个<div>
的列表,每个列表都包含一个玩家的名字和照片。这些数据是使用SQL/PHP从数据库中导入的。这样,可以说,每个玩家都有自己的<div>
。
我遇到的问题是:当用户点击球员的<div>
时,我希望打开一个模式窗口,其中包含更详细的信息,如年龄、上一支球队或统计数据。所有这些数据都写在数据库中,所以检索它不是问题。但我需要模态中的信息来调整到用户点击的玩家名称,即:如果用户点击玩家名称A,模态需要包含关于玩家名称A的信息,如果他点击玩家名称B,模态需要包括关于玩家名称B的信息,等等。
有可能那样做吗?简而言之:
- 点击玩家名称
- 从数据库中检索有关该玩家的ID信息
- 在模态中显示信息
也许我可以澄清我想做什么:
这是我为所有五个位置(PG、SG、SF、PF、C)进行的数据库查询。查询与此类似:
$sql = "SELECT Vorname, Nachname, Bildlink, ID_Spieler
FROM spieler INNER JOIN saison20132014
ON saison20132014.ID_Spieler = spieler.ID
WHERE Position='PG' AND S5=1 AND Verein='".$_GET["team"]."'";
$result = mysql_query($sql);
$row = mysql_fetch_array($result);
$name_s5_pg = $row['Vorname']."<br/><strong>".$row['Nachname']."</strong>";
$bild_s5_pg = $row['Bildlink'];
$id_s5_pg = $row["ID_Spieler"];
这适用于一个简单的球员列表,这取决于球员的位置。然而,我需要做的是在CSS3/jQuery模式中包含玩家的统计数据、年龄等。很明显,我只想显示用户点击的玩家的号码。我想过把玩家id(例如PG的$id_s5_pg
)传给模态,但我不知道怎么做。
如果您使用的是jqueryUI、bootstrap或foundation,它们的模态上有很好的文档,所以我就不谈了。
您可以为您的可点击元素设置一个标题或rel属性,该属性将包含您正在检索信息的相关元素的ID#。
然后你有两个选项:直接将模态与ajax一起使用,并通过ajax获取格式化的html,或者获取年龄等,这是你通过jQuery.ajax调用所需要的,然后注入模态html(预格式化,你可以使用一些标签来显示数据,并使用id动态更改它,即,然后在用户的UI中启动模态。
希望以上内容有意义,现在是凌晨3点,现在构建演示代码已经太晚了。