jQuery Solution
如果您使用的是jQuery,则可以使用:
var $li = jQuery(\'ul > li:last-child\',\'#nav1\');
选择最后一个子菜单。
选择后,可以将其与其他功能链接:
$li.wrapInner(\'<input type="button" value="My Button!">\');
然后,所有这些加在一起:
jQuery(document).ready(function() {
// Cache your selection
var $li = jQuery(\'ul > li:last-child\',\'#nav1\');
// Replace it with your button
$li.wrapInner(\'<input type="button" value="My Button!">\');
});
Pure CSS Solution
设置下拉导航:
模板中的PHP:
<?php $args = array(
\'sort_column\' => \'menu_order, post_title\',
\'menu_class\' => \'menu\',
\'include\' => \'\',
\'exclude\' => \'\',
\'echo\' => true,
\'show_home\' => false,
\'link_before\' => \'<span>\', // Wrap your span here
\'link_after\' => \'</span>\' ); // close it with a span too
?>