給WordPress的編輯后臺(tái)添加提示框的代碼實(shí)例分享
更新時(shí)間：2015年12月25日 14:59:15 作者：斌果
這篇文章主要介紹了給WordPress的編輯后臺(tái)添加提示框的代碼實(shí)例分享,即制作一個(gè)鼠標(biāo)指向后顯示詳細(xì)信息的效果,需要的朋友可以參考下
WordPress 3.5 新添加了一個(gè)提示框功能，可以創(chuàng)建一個(gè)提示框，然后指向任何元素，比如下邊的例子：
本文就來(lái)教你怎么創(chuàng)建一個(gè)這樣的提示框。
首先需要添加提示框
的腳本，這樣才能使用提示框的 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() 方法創(chuàng)建一個(gè)簡(jiǎn)單的提示框：
/**
*WordPress 后臺(tái)添加提示框
*http://www.endskin.com/admin-help-box/
*/
function Bing_add_pointer_scripts(){
$content = '<h3>請(qǐng)?jiān)O(shè)置主題</h3>';
$content .= '<p>請(qǐng)為新主題進(jìn)行簡(jiǎn)單的配置！';
?>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function($){
$('#menu-appearance').pointer({//可以指向任何元素
content: '<?php echo $content; ?>',
position: {
edge: 'left',
align: 'center'
},
close: function(){
//提示框打開(kāi)之后做的事情
}
}).pointer('open');
});
//]]>
</script>
<?php
}
add_action( 'admin_print_footer_scripts', 'Bing_add_pointer_scripts' );
綜合代碼：
/**
*WordPress 后臺(tái)添加提示框
*http://www.endskin.com/admin-help-box/
*/
function Bing_add_pointer_scripts(){
$content = '<h3>請(qǐng)?jiān)O(shè)置主題</h3>';
$content .= '<p>請(qǐng)為新主題進(jìn)行簡(jiǎn)單的配置！';
?>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function($){
$('#menu-appearance').pointer({//可以指向任何元素
content: '<?php echo $content; ?>',
position: {
edge: 'left',
align: 'center'
},
close: function(){
//提示框打開(kāi)之后做的事情
}
}).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' );
相關(guān)文章
這篇文章主要介紹了tp5.1 框架join方法用法,結(jié)合實(shí)例形式分析了tp5.1 框架中join方法的基本功能、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
PHP輕量級(jí)數(shù)據(jù)庫(kù)操作類Medoo增加、刪除、修改、查詢例子
這篇文章主要介紹了PHP輕量級(jí)數(shù)據(jù)庫(kù)操作類Medoo增加、刪除、修改、查詢例子,Medoo是一款超輕量級(jí)的PHP SQL數(shù)據(jù)庫(kù)框架,支持MySQL, MSSQL, SQLite等數(shù)據(jù)庫(kù),需要的朋友可以參考下2014-07-07
PHP數(shù)組遍歷知識(shí)匯總（包含遍歷方法、數(shù)組指針操作函數(shù)、數(shù)組遍歷測(cè)速）
這篇文章主要介紹了PHP數(shù)組遍歷知識(shí)匯總,本文包含3種遍歷方法、7個(gè)數(shù)組指針操作函數(shù)、對(duì)3種數(shù)組遍歷的速度測(cè)試等內(nèi)容,需要的朋友可以參考下2014-07-07
首先，我們創(chuàng)建一個(gè)模型（ 項(xiàng)目目錄/models/），請(qǐng)注意：模型名與文件名相同且必須繼承數(shù)據(jù)核心類CI_Model，同時(shí)重載父類中的構(gòu)造方法。2014-06-06
Yii 框架控制器創(chuàng)建使用及控制器響應(yīng)操作示例
這篇文章主要介紹了Yii 框架控制器創(chuàng)建使用及控制器響應(yīng)操作,結(jié)合實(shí)例形式分析了Yii框架控制器調(diào)用、參數(shù)傳遞與響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2019-10-10
本篇文章主要介紹了laravel 中使用ajax和vue總結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
PHP命名空間(namespace)的使用基礎(chǔ)及示例
本文介紹了PHP命名空間的一些術(shù)語(yǔ)，其解析規(guī)則，以及一些高級(jí)功能的應(yīng)用，希望能夠幫助讀者在項(xiàng)目中真正使用命名空間。2014-08-08
這篇文章主要介紹了在Nginx上部署ThinkPHP項(xiàng)目的方法,十分詳細(xì)，需要的朋友可以參考下2015-02-02
php購(gòu)物車實(shí)現(xiàn)代碼這個(gè)代碼比較全，需要的朋友可以參考下。2011-10-10
這篇文章主要介紹了smarty的section嵌套循環(huán)用法,結(jié)合簡(jiǎn)單實(shí)例形式分析了Smarty使用section進(jìn)行嵌套循環(huán)操作的實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-05-05