我正在为篮球网站开发一些东西。我有一个<div>
列表,每个列表包含一个玩家的姓名和照片。使用SQL / PHP从数据库导入此数据。这样,每个玩家都有自己的<div>
,可以这么说。
我遇到了什么问题:当用户点击播放器的<div>
时,我想要一个模态窗口,包含更详细的信息,如年龄,最后一支队伍或统计数据。所有这些数据都写在数据库中,因此检索它不是问题。但是我需要模态中的信息来调整用户点击的玩家名称,即:如果用户点击玩家名称A,模态需要包含有关玩家名称A的信息,如果他点击玩家名称B,模态需要包含有关玩家姓名B等的信息
有可能这样做吗?简而言之:
也许我可以澄清一下我想做什么:
这是我正在为所有五个位置(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
)传递给模态,但我无法弄清楚如何这样做。
答案 0 :(得分:0)
如果你正在使用jqueryUI,bootstrap或foundation,他们的模态上有很好的文档,所以我不会进入。
您可以为可点击元素设置title或rel属性,该属性将包含您要从中检索信息的元素的ID#。
然后你有2个选项:直接使用带有ajax的模态并通过ajax获取格式化的html或获取年龄等,使用jQuery.ajax调用所需的内容然后注入模态HTML(预格式化,你可以使用一些标签来显示数据并使用id动态更改它,即然后在用户的UI中激活模式。
希望上述内容有道理,现在凌晨3点,现在建立演示代码为时已晚。