0

サイトにブレッドクラムを表示したい.. Web サイトで jquery bbq を使用しました。

私のサイトのようにブレッドクラムを実装しようとしました。

My BreadCrumbs ビュー ファイルには次のものが含まれます。

<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 テストされていませんが、動作するはずです.. :) 合計要素数を追加し、最後の要素が仕切りを挿入しない場合、llmistake がある場合は簡単に修正できます

于 2013-04-28T10:07:19.087 に答える