Question

我正在显示电子邮件列表，对于每次点击的电子邮件，我都在尝试创建一个弹出窗口，以显示完整的电子邮件内容....

问题是，弹出窗口仅适用于第一封电子邮件，休息时它会显示任何内容，

这是我的代码，

foreach ($email as $x){

            echo "<div id='popuup_div' class='popup_msg'>";
            echo "<div id='image'>";
            echo $html->image('mail.png');
            echo "</div>";
            echo "<br>";
            echo $client['Email']['body'];
            echo "</div>";

            $show = substr($client['Email']['body'], 0, 65);


            echo $html->tableCells(array(array($client['Email']['date'], $client['Email']['time'],
                            $client['Email']['from'], $show . "......" .
                            "<div id='popupShow'> Show more....... </div>")));}

jquery代码

jQuery.noConflict();
 `jQuery(document).ready(function(){

的jQuery（ '＃popupShow'）。点击（函数（E）{ //获取消息框的高度和宽度 var height = jQuery（'＃popuup_div'）。height（）; var width = jQuery（'＃popuup_div'）。width（）; //计算显示弹出消息的偏移量 leftVal = e.pageX-（宽度/ 1.5）+ “PX”; topVal = e.pageY-（高度/ 13）+ “PX”; //显示弹出消息并隐藏褪色效果。jQuery的（ '＃popuup_div'）的CSS（{左：leftVal，顶端：topVal}）显示（）; }）;

的jQuery（ '＃图像'）。点击（函数（e）中 { jQuery的（ '＃popuup_div'）淡出（ '快'）。 }）; }）;`

如何让它适用于所有电子邮件？

Answer 1

HTML ID必须是唯一的。尝试用类替换你的id。

Answer 2

我在这个问题上没有看到很多CakePHP。我也没有看到循环遍历电子邮件的循环。

在cakephp中有多个jquery弹出窗口

2 个答案: