使用默认 JavaScript 文件的引导痕迹导航示例

Question

看看这个链接。

我正在尝试实现这一点。我的问题是脚本中的"选项"变量是什么？想象一下我的面包屑的 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>

然后，当我在 Produts 中单击时，我希望使用引导面包屑.js动态更改面包屑。

我认为javascript应该看起来像下面的代码，但是，有什么选择？

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

有什么想法吗？谢谢。

附言我的项目在 MVC 4 中。

Answer 1

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

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

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

选项

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