首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >cakephp中的多个jquery弹出窗口

cakephp中的多个jquery弹出窗口
EN

Stack Overflow用户
提问于 2010-07-08 02:48:03
回答 2查看 746关注 0票数 0

我显示了一个电子邮件列表,并为每个电子邮件点击,我试图创建一个弹出窗口,以显示完整的电子邮件内容...

问题是,弹出窗口只适用于第一封电子邮件,其余的它不会显示任何东西,

这是我的代码,

代码语言:javascript
运行
复制
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代码

代码语言:javascript
运行
复制
jQuery.noConflict();
 `jQuery(document).ready(function(){   

jQuery('#popupShow').click(function(e){ //获取消息框的高度和宽度var height = jQuery('#popuup_div').height();var width = jQuery('#popuup_div').width();//计算弹出消息显示偏移量leftVal=e.pageX-( width /1.5)+"px";topVal=e.pageY-( height /13)+"px";//显示弹出消息并隐藏淡入淡出效果jQuery('#popuup_div').css({left:leftVal,top: top:topVal}).show();});

jQuery('#image').click(function(e) { jQuery('#popuup_div').fadeOut('fast');});});`

我怎样才能使它适用于所有的电子邮件?

EN

回答 2

Stack Overflow用户

发布于 2010-07-08 02:59:44

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

票数 2
EN

Stack Overflow用户

发布于 2010-07-08 16:51:04

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3197847

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档