全国服务热线:4008-888-888

技术知识

WordPress后台管理应用ThickBox制作弹出来层实例教程

近期在新项目中开展 WordPress 后台管理开发设计的情况下,必须制作弹出来层,历经一轮检测,发觉還是 WordPress 原生态适用的 ThickBox 较为便捷。

WordPress 的 ThickBox jQuery 库

WordPress 后台管理内置的 ThickBox jQuery 库是历经 WordPress 改动的,例如现阶段软件升级提醒的

WordPress 后台管理内置的 ThickBox jQuery 库有二种应用方法:

iframe 方式:在弹出来层里加载此外一个网页页面。 inline 方式:在弹出来层里加载 HTML 片断

下边各自详尽讲下这二种方式的详尽应用方式:

iframe 方式
 ?php add_thickbox(); ? 点一下查询 a title="怎样应用七牛云储存的特惠码" href="/wp-?page=wpjam-qiniutek-coupon TB_iframe=true width=420 height=480" 详尽七牛特惠码应用手册 /a 

上边的事例便是在 七牛镜像系统储存 WordPress 软件中在设定网页页面应用的编码,在其中:

不管是 iframe 方式還是 inline 方式,最先必须根据 ?php add_thickbox(); ? 方法载入 ThickBox 库,随后一定要设定 a 标识的 class 的特性为:”thickbox”,要不然 ThickBox 不容易起效。

a 标识的 href 特性即是 iframe 得加载的网页页面,TB_iframe 主要参数特定的是 ThickBox 的 iframe 方式,width 主要参数特定了弹出来层的总宽,height 主要参数特定了弹出来层的高宽比。

假如还界定了 a 标识的 title 特性,则为弹出来层的题目。

inline 方式
 ?php add_thickbox(); ? a title="谢谢 Denis" href="#TB_inline?height=220 width=220 inlineId=donate-422" 谢谢 /a div id="donate-422" p 你可以以根据下列方法捐赠该客户。。。 /p /div 

inline 方式和 iframe 方式许多主要参数和使用方法全是同样,较大的差别,它并不是一个连接,只是连接的锚点,#TB_inline 特定了 ThickBox 的 inline 方式,inlineId 则特定了弹出来层的 HTML 片断来源于哪儿。



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服