加个移动表单功能,感觉萌萌哒

今天早上看到@JV的意见:给评论加个移动表单功能,点击“回复”评论时,表单可以自动切到该条评论的下面,这样就不用刷新页面了。这个建议超级棒,我立马去研究WP自带的主题twentytwelve的评论模板以及functions.php文件。

就这样我扒了twentytwelve主题的评论模板,然后改成我自己的评论样式。,再然后我发现还要加载个navigation.js,再用到评论里就能实现移动表单功能。于是我把下面这段代码丢到functions.php文件里,把navigation.js文件上传到主题文件夹的子文件夹js里,就搞定了,感觉萌萌哒!╮( ̄▽ ̄”)╭

/* 评论移动表单功能 */
function moeyue_scripts_styles() {
global $wp_styles;

/*
* Adds JavaScript to pages with the comment form to support
* sites with threaded comments (when in use).
*/
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) )
wp_enqueue_script( 'comment-reply' );

// Adds JavaScript for handling the navigation menu hide-and-show behavior.
wp_enqueue_script( 'moeyue-navigation', get_template_directory_uri() . '/js/navigation.js', array( 'jquery' ), '20140711', true );
}
add_action( 'wp_enqueue_scripts', 'moeyue_scripts_styles' );

代码中的/js/navigation.js 就是js文件地址

本文共 26 个回复

发表留言,喵!