WPJAM 插件在一些主题里(比如我现在用的主题),目录的中的隐藏和显示按钮有问题。因为有些主题为了加载快速把 JS 加载放在了 footer 里。而 WPJAM 插件把 js 放在了head 里,所以 jQuery 引用不行。
所以建议的把加载 js 和 css 写在 footer 中,修改方法见下面代码。
if(wpjam_basic_get_setting('toc_auto')){ add_action('wp_footer', 'wpjam_toc_footer'); function wpjam_toc_footer(){ if(is_singular()){ echo '<script type="text/javascript">'."\n".wpjam_basic_get_setting('toc_script')."\n".'</script>'."\n"; echo '<style type="text/css">'."\n".wpjam_basic_get_setting('toc_css')."\n".'</style>'."\n"; } } }
目录设置里的 CSS 我的是这样的
#toc { /*float:right;*/ /*max-width:240px;*/ min-width:120px; padding:6px; margin:0 0 20px 0; border:1px solid #EDF3DE; background:white; border-radius:6px; } #toc p { margin:0 4px; } #toc strong { border-bottom:1px solid #EDF3DE; display:block; } #toc span { display:block; margin:4px 0; cursor:pointer; } #toc ul{ margin-bottom:0; } #toc li{ margin:2px 0; } #toc small { float:right; }