带有默认 javascript 文件的引导程序面包屑示例答案

【问题标题】：bootstrap breadcrumb example with default javascript file带有默认 javascript 文件的引导程序面包屑示例
【发布时间】：2013-10-29 10:22:04
【问题描述】：

看看这个link。

我正在尝试实现这一点。我的问题是脚本中的“选项”变量是什么？想象一下我的面包屑的这个 html 代码：

<div>
   <ul class="breadcrumb" id="breadcrumb">
       <li>
          <a href="#">Home</a> <span class="divider">/</span>
       </li>
    </ul>
 </div>

在这之后，我的横向菜单有这样的东西：

<ul>
   <li><a class="b-link" href="@Url.Content("~/Produts")">Produts</a></li>
   <li><a class="b-link" href="@Url.Content("~/Clients")">Clients</a></li>
</ul>

然后，当我单击产品时，我希望使用 bootstrap-breadcrumb.js 动态更改面包屑。

我认为 javascript 应该类似于下面的代码，但是，有哪些选项？

$(document).ready(function () {

   var breadcrumb = $('#breadcrumb').breadcrumb(options);
      $('a.b-link').click(function () {
         breadcrumb.push($(this).text());
         //breadcrumb.pop();
      });
});

有什么想法吗？非常感谢。

附：我的项目在 MVC 4 中。

【问题讨论】：

标签： jquery html twitter-bootstrap breadcrumbs

【解决方案1】：

我认为您可以将分隔符传递给它，因为选项只是传递给设置，而设置中唯一使用的是分隔符。因此，您可以使用“|”、“*”或其他任何内容作为分隔符。而不是默认的'/'

$.fn.breadcrumb.defaults = {
    divider: '/', 
    keyboard: false
}

似乎也与文档匹配： http://jeluard.github.io/bootstrap-breadcrumb/index.html

选项

名称类型默认描述分隔符字符串/用作分隔符的字符串。

【讨论】：

嗯……就是这样。谢谢。