0

我想在我的网站上显示面包屑。我在我的网站上使用了 jquery bbq。

我试图在我的网站中实现面包屑。

我的面包屑视图文件包括：

<ul class="breadcrumb">

</ul>

在 bbq 的脚本中我试过这样，

var url = $.param.fragment();
            var breadcrumb=$('.breadcrumb');
            var BreadCrumbBar ='<li><a href="#">PBS</a><span class="divider">></span></li>';
            var BreadCrumbsSplit = url.split('/');
            breadcrumb.empty();
            breadcrumb=BreadCrumbBar;

            $.each(BreadCrumbsSplit,function(breadurl){
                breadcrumb.append('<li><a href="#'+BreadCrumbsSplit[breadurl]+'"></a></li>\n');
            });

这是我想要做的，但不能完全弄清楚，如何实现它？

首先，我在.append不是函数的 FireBug 中遇到错误，

其次，在.each()循环中我也想添加这一<span class="divider">/</span>行<li><a href="#'+BreadCrumbsSplit[breadurl]+'"></a></li>

它会做什么，它会/在面包屑之间添加，但我不希望/ 在最后一个<li></li>标签中这样做..

任何人都可以在这方面帮助我，那如何实现呢？

只是在最终结果中，我希望代码生成类似这样的东西

<li><a href="#">PBS</a> <span class="divider">/</span></li>
    <li><a href="#home">Home</a> <span class="divider">/</span></li>
    <li><a href="#library">Library</a> <span class="divider">/</span></li>
    <li class="active">Data</li>
4

1 回答 1

2 
var url = $.param.fragment();
var breadcrumb=$('.breadcrumb');
var BreadCrumbBar ='<li><a href="#">PBS</a><span class="divider">></span></li>';
var BreadCrumbsSplit = url.split('/');
var total = BreadCrumbsSplit.length;
breadcrumb.empty();
breadcrumb=BreadCrumbBar;

$.each(BreadCrumbsSplit,function(index){
    if(index !== total-1){
    breadcrumb.append('<li><a href="#'+BreadCrumbsSplit[index]+'"></a><span class="divider">/</span></li>\n');
    }else{
    breadcrumb.append('<li><a href="#'+BreadCrumbsSplit[index]+'"></a></li>\n');
    }
});

sry 没有经过测试，但它应该可以工作.. :) 增加了总元素的数量，如果最后一个元素没有插入分隔符，如果有错误，你可以轻松修复它

于 2013-04-28T10:07:19.087 回答