Question

我的问题与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>';
    }
}

Answer 1

看起来你想把div变成灯箱？您可以尝试在.boxi上调整当前的CSS以显示：none;并在之前设置z-index - 然后将您的javascript调整为以下内容：

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

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

Answer 2

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

我试过这个，因为我认为它会给所选的块提供更高的z-index，但是没有它真正原始的并且不会工作。

我离jQuery太远了！

灯箱根据我所按的内容显示内容

2 个答案: