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的 - 动态痕迹

回答

相关问题