shake.js让你的博客支持摇一摇

如果你的主题支持手机风格，那你就可以使用shake.js让你博客支持摇一摇，然后像摇妹子一样摇晃手机，你会发现非常牛逼的事情，炫酷吧。

首先需要下载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;
}

完全代码布署。

浏览器和设备支持情况

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