Question

我目前有一个jQuery函数可以将wp_list_pages转换为选择菜单，当您选择页面时，该菜单会导航到所选页面。我想知道的是我可以使用'current_page_item'类＆amp;将此转换为将当前页面设置为“已选择”选项？我目前的代码如下：

$('li.current_page_item').attr('selected', 'selected');
alert($('ul.selectdropdown')[0].selectedIndex );
$(function() {
    $('ul.selectdropdown').each(function() {
        var $select = $('<select />');
        $(this).find('a').each(function() {
            var $option = $('<option />');
            $option.attr('value', $(this).attr('href')).html($(this).html());
            $select.append($option); 
            $select.change(function() { window.open($select.find(':selected').val(), '_top'); });
        });
        $(this).replaceWith($select);
    });
});

Answer 1

试试这个：

$('li.current_page_item').attr('selected', 'selected');
alert($('ul.selectdropdown')[0].selectedIndex );
$(function() {
    $('ul.selectdropdown').each(function() {
        var $select = $('<select />');
        $(this).find('a').each(function() {
            var $option = $('<option />');
            $option.attr('value', $(this).attr('href')).html($(this).html());

            // Check for current page
            if(window.location.href == $(this).attr('href'))
            {
                $option.prop('selected',true).addClass('current_page_item');
            }

            $select.append($option); 
            $select.change(function() { window.open($select.find(':selected').val(), '_top'); });
        });
        $(this).replaceWith($select);
    });
});

将当前页面类转换为选择菜单“已选择”

1 个答案: