您可以这样做,而不是修改模板,因为您无论如何都需要jQuery。。
添加到functions.php
add_action( \'wp_enqueue_scripts\', \'blogroll_toggles\' );
function blogroll_toggles() {
if( is_page_template( \'bookmarks.php\' ) )
wp_enqueue_script( \'blogroll-toggle\', get_bloginfo( \'stylesheet_directory\' ) . \'/blogroll-toggle.js\', array( \'jquery\' ) );
}
或在中创建新文件夹
wp-content/plugins/
文件夹,在新文件夹中创建一个文件,例如。
blogroll-plugin.php, 并添加以下内容。
<?php
/*
Plugin Name: Suffusion Blogroll Toggles
*/
add_action( \'wp_enqueue_scripts\', \'blogroll_toggles\' );
function blogroll_toggles() {
if( is_page_template( \'bookmarks.php\' ) )
wp_enqueue_script( \'blogroll-toggle\', plugins_url( \'/blogroll-toggle.js\', __FILE__ ), array( \'jquery\' ) );
}
每当加载附加有书签模板的页面时,该函数基本上将在脚本中排队。jQuery被设置为脚本的依赖项,因此无需单独加载。
在主题(或插件)文件夹中创建一个文件并调用它blogroll-toggle.js, 然后将以下代码放入该文件中。
jQuery(document).ready( function($) {
// Hide the blogroll lists
$(\'div.entry ul.blogroll\').hide();
// Attach a click function to the headings
$(\'div.entry h4\').click( function() {
// Make sure we\'re targeting the blogroll heading, if not, stop here(do nothing)
if( !$(this).next(\'ul.blogroll\') )
return false;
// Toggle the blogroll list that follows the heading
$(this).next(\'ul.blogroll\').toggle();
});
});
jQuery没有经过测试,但应该可以工作(我已经做了几十次切换)。
NOTE: 如果用作插件,请记住像激活其他插件一样激活它。
如果代码有任何问题,请告诉我。:)