0

看看这个链接。

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

有任何想法吗？非常感谢。

PS 我的项目在 MVC 4 中。

4

1 回答 1

1

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

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

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

选项

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

于 2013-10-29T10:36:46.370 回答