несколько jquery всплывающих окон в cakephp

Question

я показываю список электронных писем, и для каждого электронного письма, который я нажимаю, я пытаюсь создать всплывающее окно, чтобы показать полный контент электронной почты ....

проблема в том, что всплывающее окно работает только для 1-го письма, для остальных оно ничего не показывает,

вот мой код,

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.noConflict();
 `jQuery(document).ready(function(){   

JQuery ( '# popupShow'). Нажмите (функция (е) { // получаем высоту и ширину окна сообщения var height = jQuery ('# popuup_div'). height (); var width = jQuery ('# popuup_div'). width (); // вычисляем смещение для отображения всплывающего сообщения leftVal = e.pageX- (ширина / 1,5) + "ПВ"; topVal = e.pageY- (высота / 13) + "ПВ"; // показать всплывающее сообщение и скрыть эффект затухания . JQuery ( '# popuup_div') CSS ({слева: leftVal, верх: topVal}) шоу ();. });

JQuery ( '# изображение'). Нажмите (функция (е) { JQuery ( '# popuup_div') Затухание ( 'быстрый'). }); }); `

как я могу заставить его работать на все электронные письма?

Answer 1

HTML идентификаторы должны быть уникальными.Попробуйте заменить ваши идентификаторы на классы.

Answer 2

Я не вижу много CakePHP в этой проблеме. Я также не вижу цикл, который будет перебирать электронные письма.