Jquery CSS:无法获取文本弹出窗口

Jquery CSS:无法获取文本弹出窗口,jquery,html,css,Jquery,Html,Css,我试图显示弹出消息,如图所示。我严格按照说明进行操作。我申请了我的博客,但它不起作用。请参阅下面的脚本 //将所有Javascript代码放在这里 $document.readyfunction{ $showPopup.clickfunction{ $divPopup.addClassshow; 返回false; }; $closePopup.clickfunction{ $divPopup.removeClassshow; 返回false; }; $.trigger.clickfunctio

我试图显示弹出消息,如图所示。我严格按照说明进行操作。我申请了我的博客,但它不起作用。请参阅下面的脚本

//将所有Javascript代码放在这里 $document.readyfunction{ $showPopup.clickfunction{ $divPopup.addClassshow; 返回false; }; $closePopup.clickfunction{ $divPopup.removeClassshow; 返回false; }; $.trigger.clickfunction{ $.panel.togglefast; $this.toggleClassactive; 返回false; }; }; 弹出窗口{ 位置:绝对位置; 顶部:40px; 宽度:560px; 左:170px; 边框:实心1pxBBB; 填充:20px; 背景:fff; -网络工具包盒阴影:0px 3px 6px rgba0,0,0,0.25; 不透明度:0.0; -webkit过渡:不透明度0.0s缓解; z指数:0; } div.show{ 不透明度:1.0; z指数:100; -webkit转换持续时间:0.25s; } 前{ 背景:rgba0,0,0,75; 边际:0.18像素; 填充:13px 18px 14px; -webkit边界半径:3px; -moz边界半径:3px; 文本阴影:0 1px 1px fff; 字体大小:11px; 线高:16px; 字体:12px/18px摩纳哥,Courier New,Courier,monospace; 颜色:fff; } 代码{ 颜色:fff; 背景:rgba0,0,0,75; 边缘底部:18px; 边框:实心rgba0,0,0,75; 边框宽度:1px1p0; -webkit边界半径:3px; -moz边界半径:3px; -webkit盒阴影:0 1px 1px rgba255、255、255、.5; 字体:12px/18px摩纳哥,Courier New,Courier,monospace; } .按钮{ 边界半径:10px; -webkit边界半径:10px; -moz边界半径:10px; -webkit盒阴影:0 1px 1px rgba255、255、255、.5; 颜色:FFFFFF!重要; 背景:33日龄; 光标:指针; 字体大小:粗体; 线高:1; 文字装饰:无; 文本阴影:0-1px1pRGBA0,0,0,0.25; 填充:1px 4px 1px 4px; } .按钮:悬停{ 背景:327F32; 文字装饰:无; }
按照@Pete的指示,您忘记添加弹出div

以下是快速修复方法:

//将所有Javascript代码放在这里 $document.readyfunction{ $showPopup.clickfunction{ $divPopup.addClassshow; 返回false; }; $closePopup.clickfunction{ $divPopup.removeClassshow; 返回false; }; $.trigger.clickfunction{ $.panel.togglefast; $this.toggleClassactive; 返回false; }; }; 弹出窗口{ 位置:绝对位置; 顶部:40px; 宽度:560px; 左:170px; 边框:实心1pxBBB; 填充:20px; 背景:fff; -网络工具包盒阴影:0px 3px 6px rgba0,0,0,0.25; 不透明度:0.0; -webkit过渡:不透明度0.0s缓解; z指数:0; } div.show{ 不透明度:1.0; z指数:100; -webkit转换持续时间:0.25s; } 前{ 背景:rgba0,0,0,75; 边际:0.18像素; 填充:13px 18px 14px; -webkit边界半径:3px; -moz边界半径:3px; 文本阴影:0 1px 1px fff; 字体大小:11px; 线高:16px; 字体:12px/18px摩纳哥,Courier New,Courier,monospace; 颜色:fff; } 代码{ 颜色:fff; 背景:rgba0,0,0,75; 边缘底部:18px; 边框:实心rgba0,0,0,75; 边框宽度:1px1p0; -webkit边界半径:3px; -moz边界半径:3px; -webkit盒阴影:0 1px 1px rgba255、255、255、.5; 字体:12px/18px摩纳哥,Courier New,Courier,monospace; } .按钮{ 边界半径:10px; -webkit边界半径:10px; -moz边界半径:10px; -webkit盒阴影:0 1px 1px rgba255、255、255、.5; 颜色:FFFFFF!重要; 背景:33日龄; 光标:指针; 字体大小:粗体; 线高:1; 文字装饰:无; 文本阴影:0-1px1pRGBA0,0,0,0.25; 填充:1px 4px 1px 4px; } .按钮:悬停{ 背景:327F32; 文字装饰:无; } DSACSACAS
您添加了弹出式样式代码,但忘记添加弹出式html代码本身:

<div id="Popup">Hello there</div>
还要注意,根据您的代码,popup元素应该具有popup的id。
因此,CSS代码从弹出窗口更改为弹出窗口。此外,我还添加了代码来关闭单击时弹出的窗口,并添加了注释,以便您可以区分添加的代码。

您忘记添加JSFIDLE链接。请更新。请添加相关代码或FIDLE链接您没有弹出div?我现在就知道了。谢谢@Ahs N。抱歉,我不知道要添加代码。