gpt4 book ai didi

php - 灯箱根据我按下的内容显示内容

转载 作者:行者123 更新时间:2023-11-29 02:35:11 25 4
gpt4 key购买 nike

我的问题与 PHP、jQuery 和 CSS 有关。

我想在 while 循环中制作一个灯箱,然后让灯箱为我提供每一行的信息。

有一个问题,因为它为每一行制作了灯箱,并且使用 position:absolute 我们只能看到结果的最后一行。我不想看到最后一个,但我希望灯箱根据我单击的行向我显示信息。

代码如下:

jQuery:

$(document).ready(function(){
$('.lightbox').click(function(){
$('.boxi').css('display','block');
});
});

PHP:

    $result = $db->query("SELECT * FROM destinations WHERE direction=1;");
while ($rows = mysql_fetch_array($result)) {
$name = $rows['name'];
$table .= '<div class="destionations">
<div class="name">Prej: <strong>'.$name.'</strong></div>
<table width="100%" class="extra" cellspacing="1" cellpadding="5" border="0" >
<tr class="bgC3" style="font-weight:bold">
<td width="20"></td>
<td>Deri</td>
<td width="50">Çmimi</td>
'.managment::cmimet_e_caktuara($name).'
</tr>
</table>
<div class="buttoni">
<a href="#" class="lightbox">test</a>
<div class="boxi">'.$name.'</div>
<form action="" method="POST">
<input type="text" name="new_city">
<input type="hidden" name="prej" value="'.$name.'">
<input type="submit" name="new_dest" value="Shto destinacionin">
</form>
</div>
</div>';
}
}

最佳答案

您似乎想将 div 变成灯箱?您可以尝试调整 .boxi 上当前的 CSS 以显示:无;并在其上设置一个 z-index - 然后将您的 javascript 调整为如下所示:

$('.lightbox').click(function(){
$('.boxi').show();
return false;
});

当点击 .lightbox 时,抓取下一个 lightobx 容器可能会变得更加复杂 - 我建议您查看 fancybox.net 上的插件 Fancybox,这是我通常使用的插件。祝你好运!

关于php - 灯箱根据我按下的内容显示内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6319751/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com