给WordPress的编辑后台添加提示框的代码实例分享

 更新时间:2015年12月25日 14:59:15   转载 作者:斌果  
这篇文章主要介绍了给WordPress的编辑后台添加提示框的代码实例分享,即制作一个鼠标指向后显示详细信息的效果,需要的朋友可以参考下

WordPress 3.5 新添加了一个提示框功能,可以创建一个提示框,然后指向任何元素,比如下边的例子:

本文就来教你怎么创建一个这样的提示框。

首先需要添加提示框20151225145502025.png (579×337)的脚本,这样才能使用提示框的 JS 方法。

//挂载提示框脚本
function Bing_admin_pointer_enqueue_scripts(){
  wp_enqueue_style( 'wp-pointer' );
  wp_enqueue_script( 'wp-pointer' );
}
add_action( 'admin_enqueue_scripts', 'Bing_admin_pointer_enqueue_scripts' );

然后使用 pointer() 方法创建一个简单的提示框:

/**
  *WordPress 后台添加提示框
  *http://www.endskin.com/admin-help-box/
*/
function Bing_add_pointer_scripts(){
  $content = '<h3>请设置主题</h3>';
  $content .= '<p>请为新主题进行简单的配置!';
?>  
  <script type="text/javascript">
  //<![CDATA[
  jQuery(document).ready(function($){
    $('#menu-appearance').pointer({//可以指向任何元素
      content: '<?php echo $content; ?>',
      position: {
        edge: 'left',
        align: 'center'
      },
      close: function(){
        //提示框打开之后做的事情
      }
    }).pointer('open');
  });
  //]]>
  </script>
<?php
}
add_action( 'admin_print_footer_scripts', 'Bing_add_pointer_scripts' );

综合代码:

/**
  *WordPress 后台添加提示框
  *http://www.endskin.com/admin-help-box/
*/
function Bing_add_pointer_scripts(){
  $content = '<h3>请设置主题</h3>';
  $content .= '<p>请为新主题进行简单的配置!';
?>  
  <script type="text/javascript">
  //<![CDATA[
  jQuery(document).ready(function($){
    $('#menu-appearance').pointer({//可以指向任何元素
      content: '<?php echo $content; ?>',
      position: {
        edge: 'left',
        align: 'center'
      },
      close: function(){
        //提示框打开之后做的事情
      }
    }).pointer('open');
  });
  //]]>
  </script>
<?php
}
add_action( 'admin_print_footer_scripts', 'Bing_add_pointer_scripts' );
 
//挂载提示框脚本
function Bing_admin_pointer_enqueue_scripts(){
  wp_enqueue_style( 'wp-pointer' );
  wp_enqueue_script( 'wp-pointer' );
}
add_action( 'admin_enqueue_scripts', 'Bing_admin_pointer_enqueue_scripts' );


相关文章

  • 从刷票了解获得客户端IP的方法

    从刷票了解获得客户端IP的方法

    刷票,分为多种限制,注册用户,验证码,以及IP限制。这个刷票网站,而不,是这个投票网站,限制了IP。如果要突破限制,我们需要了解如何获得用户的IP。本文给大家分享从刷票了解获得客户端IP的方法,需要的朋友可以参考下
    2015-09-09
  • 使用 PHPStorm 开发 Laravel

    使用 PHPStorm 开发 Laravel

    现在 PHPstorm已经是一个神器界别的IDE了,但是在用 laravel 开发的时候,alise的类名总是会有波浪线。 有一个 phpstorm 的插件,但是貌似只支持badle的模板。
    2015-03-03
  • php导入模块文件分享

    php导入模块文件分享

    本文给大家分享的是php导入模块文件分享,主要参数有导入文件路径字符串,可以用"."代替"/", 导入文件类型的扩展名(带"."号),也可以是class/inc(简写方式), 如果导入成功则返回true,否则返回异常对象,有需要的小伙伴参考下吧。
    2015-03-03
  • ThinkPHP框架整合微信支付之刷卡模式图文详解

    ThinkPHP框架整合微信支付之刷卡模式图文详解

    这篇文章主要介绍了ThinkPHP框架整合微信支付之刷卡模式,结合图文形式详细分析了thinkPHP框架整合微信支付的刷卡模式实现步骤与相关操作技巧,需要的朋友可以参考下
    2019-04-04
  • PHP使用fopen与file_get_contents读取文件实例分享

    PHP使用fopen与file_get_contents读取文件实例分享

    这篇文章主要介绍了PHP使用fopen与file_get_contents读取文件实例分享的相关资料,需要的朋友可以参考下
    2016-03-03
  • php对接java现实加签验签的实例

    php对接java现实加签验签的实例

    下面小编就为大家带来一篇php对接java现实加签验签的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • php 网页游戏开发入门教程一(webgame+design)

    php 网页游戏开发入门教程一(webgame+design)

    网页游戏开发入门教程一 webgame+design , 大家可以参考下。
    2009-10-10
  • PHP文件系统管理(实例讲解)

    PHP文件系统管理(实例讲解)

    下面小编就为大家带来一篇PHP文件系统管理(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • php微信公众号开发之音乐信息

    php微信公众号开发之音乐信息

    这篇文章主要为大家详细介绍了php微信公众号开发之音乐信息,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • Laravel5.1框架自带权限控制系统 ACL用法分析

    Laravel5.1框架自带权限控制系统 ACL用法分析

    这篇文章主要介绍了Laravel5.1框架自带权限控制系统 ACL用法,结合实例形式分析了laravel5.1相关的角色创建、权限分配等相关操作技巧,需要的朋友可以参考下
    2019-12-12

最新评论