bootstrap如何動態(tài)添加面包屑及其響應事件

這篇文章給大家分享的是有關(guān)bootstrap如何動態(tài)添加面包屑及其響應事件的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

具體如下：

Bootstrap官網(wǎng)中，只介紹了breadcrumb的布局（如下圖），未介紹使用方法，如何動態(tài)增加面包屑title及點擊事件的響應。

本人在使用過程中探索出以下的方式。

首先，在html文件里定義div

<div>
  <ul class="breadcrumb "  data-dojo-attach-point="breadcrumb_1">
  <li ><a href="#" rel="external nofollow"  data-dojo-attach-point="item_1"></a></li>
  <li class="active"  data-dojo-attach-point="item_2"></li>
  </ul>
</div>

然后在JS文件中傳輸數(shù)據(jù)，并定義點擊響應事件

var breadcrumbId1=null;
var breadcrumbId2=null;
topic.subscribe("openTabWithBreadcrumb",function(data){
   breadcrumbId1=data.id1;
   breadcrumbId2=data.id2;
  this.item_1.innerHTML =" title1" ;////傳入所需數(shù)據(jù)
  this.item_2.innerHTML = "title2";
});
on(this.item_1,'click',lang.hitch(this,function(){
  var id1 = breadcrumbId1;
  var id2 = breadcrumbId2;
  topic.publish("switchToNewTab",{tabid1:id1,tabid2:id2，data:{....}});///把需要的數(shù)據(jù)傳入切換的tab或者窗口
  }));

感謝各位的閱讀！關(guān)于“bootstrap如何動態(tài)添加面包屑及其響應事件”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！