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

我想在一个while循环中创建一个灯箱，然后让灯箱给我每个行的信息。

存在一个问题，因为它会为每个行生成lightbox，而且位置为：绝对，我们只能看到结果中的最后一行。我不想看到最后一个，但我希望灯箱根据我点击的行显示信息。

下面是代码：

的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>'; 
    } 
}

来源

2011-06-12 TooCooL

它看起来像你想变成一个div到收藏夹？您可以尝试调整.boxi上的当前CSS以显示：无;并设置它的z-index前 - 然后调整javascript来是这样的：

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

你可以得到更复杂的与被点击.lightbox时抓住下一个lightobx容器 - 我建议你检查出fancybox.net上的插件Fancybox，这是我通常使用的。祝你好运！

来源

2011-06-12 02:43:55 DropTheNerd

的的fancybox是给我想要的结果，但我不喜欢很多CSS，JavaScript中，jQuery的文件链接到我的标签我想使它简单的话，我打算给它的风格与CSS但现在我只需要一个解决方案来显示点击链接的结果。 – TooCooL 2011-06-12 02:57:05

我只是有lightbox风格，它的显示设置为无。然后当你点击链接显示它的关联灯箱 - 然后点击灯箱上的任何地方关闭它。应该是一个非常小的方法，可以给你想要的。 – DropTheNerd 2011-06-12 03:04:22

那么我只是编辑脚本，因为我错误地发布了它的jQuery部分，它的$（'。boxi'）.css（'display'，'block'）; 它与Z指数 – TooCooL 2011-06-12 03:12:19

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

我想这是因为我认为这将所选择的块给予较高的z-index，但没有其真正原始，不会永远工作。

我真的离jQuery太远！

来源

2011-06-12 11:14:11 TooCooL

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

回答

相关问题