大家好，又到了随机文章的时间，请使用手机打开演示站点，然后像摇妹子一样摇晃手机，你会发现非常牛逼的事情，炫酷吧。该功能已经集成在Oconnor1.8中。本文主要讲解这货的原理。
首先需要下载shake.js，shake.js github地址，我们只需要里面的shake.js，然后引入。
添加“摇一摇”事件监听
window.addEventListener('shake', shakeEventDidOccur,
false);
//function to call when shake occurs
function shakeEventDidOccur () {
//put your own code here etc.
if (confirm("Undo?"
)) {
}
}
取消监听
window.removeEventListener('shake', shakeEventDidOccur,
false);
随机文章实现方式
JS代码，当然在这之前需要进入shake.js脚本
window.addEventListener('shake', shakeEventDidOccur,
false);
//function to call when shake occurs
function shakeEventDidOccur () {
jQuery.post(Bigfa.ajaxurl, {
action : 'random_post'
,
}, function(data) {
window.location.href =
data;
});
}
下面的代码扔到functions.php中，如果你已经添加了上一篇随机文章的代码这里就不需要
wp_enqueue_script( 'key',
true);
wp_localize_script('key', 'Bigfa'
, array(
"ajaxurl" => admin_url('admin-ajax.php'
)
));
add_action( 'wp_ajax_random_post', 'bigfa_random_post'
);
add_action( 'wp_ajax_nopriv_random_post', 'bigfa_random_post'
);
function bigfa_random_post() {
$posts = get_posts('post_type=post&orderby=rand&numberposts=1'
);
foreach($posts as $post) {
$link =
get_permalink($post);
}
echo $link;
exit;
}
OK。just 摇 it。
浏览器和设备支持情况
iOS Safari 4.2.1
(and above)
Android 4.0.3 (
default browser)
Opera Mobile (Android)
BlackBerry PlayBook 2.0
Firefox for Android
FirefoxOS Devices
转载于:https://www.cnblogs.com/whlives/p/3881261.html
相关资源：shake.js应用和资源
