jQuery / CSS组合显着滞后于prepend&显示:无

时间:2015-10-24 22:56:49

标签: jquery css wordpress breadcrumbs

所以我开始玩fontawesome&面包屑同时和作为我的新手,我有一些很酷的东西,但是我们正在对我们的面包屑做些什么令人烦恼 - 我们用主页图标替换了网站的名称。操作完成有明显的滞后 - 我们使用的方法如下:

在函数中调用:

function my_theme_breadcrumbs() {
    echo '<a href="';
    echo get_option('home');
    echo '">';
    bloginfo('name');
    echo "</a>";
        if (is_category() || is_single()) {
            echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;";
            the_category(' &bull; ');
                if (is_single()) {
                    echo " &nbsp;&nbsp;&#187;&nbsp;&nbsp; ";
                    the_title();
                }
        } elseif (is_page()) {
            echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;";
            echo the_title();
        } elseif (is_search()) {
            echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;Search Results for... ";
            echo '"<em>';
            echo the_search_query();
            echo '</em>"';
        }
    }
function display_breadcrumbs() {
?><div class="breadcrumbs"><?php my_theme_breadcrumbs(); ?></div><?php
    }

add_action('my_theme_hook_after_header','display_breadcrumbs');

部首:

<div id="breadcrumbs"><?php my_theme_breadcrumbs (); ?></div>

页脚:

jQuery(document).ready(function() {
    jQuery('#breadcrumbs').prepend('<a href="<?php echo home_url(); ?>" class="homecrumb">&#xf015</a>')
                        });

风格:

#breadcrumbs a:nth-child(2) {
    display: none;
}

我意识到这有点凌乱,因为它的渲染方式,所以你们所拥有的任何输入都是值得欢迎的。

-jc

0 个答案:

没有答案