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 回答