jQuery的 - 動態痕跡

我試圖使用創建我的網站麪包屑系統執行以下操作：jQuery的 - 動態痕跡

<div class="breadcrumb"> 
    <div class="item"><a href="#home">Home/</a></div> 
</div> 

<div class="items"> 
    <ul> 
    <li><a href="#test1">Test 1</a></li> 
    <li><a href="#test1">Test 2</a> 
     <ul> 
      <li><a href="">Level 1</a></li> 
      <li><a href="">Level 2</a></li> 
     </ul> 
    </li> 
    <li><a href="#test1">Test 3</a></li> 
    </ul> 
</div>

什麼我希望做的是這樣當上Test 1用戶點擊的麪包屑是Home/Test 1，如果他們再點擊Test 2然後Level 1，麪包屑將成爲Home/Test 1/Level 2

我一直在看jQuery來做到這一點，但不是100％確定如何最好地處理它。

任何想法，將不勝感激

感謝

來源

2013-05-07 user1970557

這可能已經在這裏找到答案：http://stackoverflow.com/questions/15213612/jquery-breadcrumbs -trail-examples-or-tutorial – 2013-05-07 10:34:02

_if他們然後點擊測試2然後第一級，麪包屑將變成家庭/測試1 /級別2_不應該_Home /測試2 /級別1_？ – Ejaz 2013-05-07 10:38:39

@Ejay抱歉是錯字。你會是對的。 – user1970557 2013-05-07 10:59:21

例如http://jsfiddle.net/mPsez/3/

$('.items a').on('click', function() { 
    var $this = $(this), 
     $bc = $('<div class="item"></div>'); 

    $this.parents('li').each(function(n, li) { 
     var $a = $(li).children('a').clone(); 
     $bc.prepend('/', $a); 
    }); 
    $('.breadcrumb').html($bc.prepend('<a href="#home">Home</a>')); 
    return false; 
})

來源

2013-05-07 10:45:07

儘管如何替換HTML？ – user1970557 2013-05-07 11:04:12

在'$（'。breadcrumb a'）。html（bc.reverse（）。join（'/'））;' – 2013-05-07 11:07:16

中添加了這一點？abotu有哪個麪包屑鏈接？即Home /Test 1等？ – user1970557 2013-05-07 11:10:16

jQuery的 - 動態痕跡

回答

相關問題