使用jQuery在面包屑导航中隐藏的网站集

时间:2014-12-22 11:21:51

标签: jquery sharepoint-2013 master-pages breadcrumbs

我的sharepoint网站门户网站上有垂直面包屑导航。该网站是完全自定义的,并使用自定义母版页。我已向网站添加了自定义痕迹,但它显示“网站集”作为根节点。

喜欢这个 Site Collection > Home > Calendar > Events

注意:网站集会重定向到与Home相同的页面。

这是我到目前为止所尝试的内容,但它隐藏了“网站集”,但之前显示的是图像。

    <style>
    .bc-root {
        display: none;
    }
</style>

   $(document).ready(function () {
        var rootNode = $("span[id$=ctl00_navig] > span:eq(0)");
        if (rootNode.attr("class") == "bc-root") {
            rootNode.hide();
            $(rootNode).next("span").css('display', 'none');
        }
    });
</script>

    <div id="breadcrumb" style="width: 1000px; margin: 0 auto">
        <span id="ctl00_navig"><a href="#ctl00_navig_SkipLink">
            <img alt="Skip Navigation Links" width="0" height="0" style="border-width: 0px;"></a>
            <span><a title="Home" class="bc-root" href="default.aspx">site collections</a></span>
            <span><img id="ctl00_navig_ctl01_Image1" src="breadcrumb_line.png"></span>
            <span>Home</span><a id="ctl00_navig_SkipLink"></a>
        </span>
    </div>

1 个答案:

答案 0 :(得分:0)

$(function() {
    $('.bc-root').hide().parent().parent().find('img[src="breadcrumb_line.png"]:first').parent().hide();
});

http://jsfiddle.net/93c85vna/1/

试试吧