サイトの「すばやく簡単な」ブレッドクラム トレイルを作成しようとしています。私のサイトには 3 つのレベルしかないため、最終的な出力は次のようになります。
ホーム > 商品を探す（複数種類） > 商品詳細
カスタムブレッドクラムを作成しようとしました。
実際、私がやっていることは、ページ タイトルをキャプチャし、それを HREF を使用してページ URL に表示することです。これは、ホームから検索を実行するときにうまく機能します。
ホーム > 椅子を探す
ただし、検索を実行した後、詳細を表示したいアイテムをクリックすると (私のページは投稿を実行します)、詳細ページにアクセスすると、パンくずリストが表示されます。
ホーム > 椅子の詳細
私が望んでいたのは：
ホーム > 椅子を探す > 椅子の詳細
これを達成する方法はありますか？
現在のコード:
function createBreadcrumb() {
alert($(document).find("title").text());
var $pageTitle = $(document).find("title").text();
var $pageURL = $(location).attr('href');
$('.breadcrumb').html(('<a href="/">Home </a> > ') + ('<a href="' + $pageURL + '">' + $pageTitle + '</a> '));
}
****ハリーの提案に従って更新: *
$(function() {
/* create page breadcrumb on initial page load */
createBreadcrumb();
});
function createBreadcrumb(oldPagePass) {
if (oldPagePass !== null && oldPagePass !== undefined) {
var $pageTitle = $(document).find("title").text();
var $pageURL = $(location).attr('href');
$('.breadcrumb').html(oldAgePass + ('<a href="' + $pageURL + '">' + $pageTitle + '</a> '));
}
else {
alert($(document).find("title").text());
var $pageTitle = $(document).find("title").text();
var $pageURL = $(location).attr('href');
$('.breadcrumb').html(('<a href="/">Home </a> > ') + ('<a href="' + $pageURL + '">' + $pageTitle + '</a> '));
}
}
.ajaxSuccess(function() {
var $pageTitle = $(document).find("title").text();
var $pageURL = $(location).attr('href');
var $oldPage = $('.breadcrumb').html(('<a href="/">Home </a> > ') + ('<a href="' + $pageURL + '">' + $pageTitle + '</a> '));
createBreadcrumb($oldPage);
});
コードの更新:
jQuery 関数
.on('click', '.searchResult', function() {
var row = $(this);
$('#resultForm > *').filter(':input').each(function(index, el) {
var name = $(el).attr('name').slice(8).toLowerCase();
var data = row.data(name);
if (data !== 'undefined')
$(el).val(data);
});
$('#resultForm').submit();
})
検索ページ フォーム タグ:
<form:form method="post" id="resultForm"> </form:form>