将UL转换为下拉列表不起作用

时间:2019-07-12 作者:CharlieJustUs

我正在运行一个名为Divi Staff的插件,以在网站上显示工作人员。我不喜欢这些专家的显示方式,希望将其转换为下拉列表。我已经试着让它工作,并在这里和Stackoverflow上跟踪了一大堆类似的问题,试图实现他们的建议,但我进展很快。

我创建了一个Fiddle 虽然列表工作正常,但当我在测试站点上实现它时,它拒绝工作。有人能帮我弄清楚为什么这个脚本没有在网站上启动吗?

我的测试服务器是http://testing.burton-sweet.co.uk/team/. 收到任何提示,我深表感激。

1 个回复
最合适的回答,由SO网友:Warwick 整理而成

@CharlieJustUs在使用Fiddle时会自动为您设置$变量。当脚本尝试在站点上运行时,该变量未设置,并且失败。

请试试这个。

jQuery(document).ready(function($) {
    $(function() {
        $(\'ul.clearfix\').each(function() {
            var $select = $(\'<select class="dropdown-toggle" />\');
            $(this).find(\'a\').each(function() {
                var $option = $(\'<option />\');
                $option.attr(\'value\', $(this).attr(\'href\')).html($(this).html());
                $select.append($option);
            });
            $(this).replaceWith($select);
        });
    });

    // This will grab the value the select is being set to and redirect to the link
    $(\'select.dropdown-toggle\').on(\'change\', function(){
       window.location.href = $( this ).val();
    });
});

相关推荐

如何为特定页面取消注册jQuery版本?

为了解决我的网站的问题,我需要通过函数包含特定的jQuery版本。php在我的主题文件夹中,但这会导致一些页面与avada公文包和其他生成器元素的兼容性问题。如何取消注册位于函数中的php脚本。5个特定页面的php?如果删除脚本,公文包和其他构建器元素就会恢复工作。我很抱歉,但我对php知之甚少。。。下面是添加到函数的代码。php:function add_jq_theme() { wp_enqueue_script( \'script-name\', \'https://ajax.google