這篇文章給大家分享的是有關bootstrap如何動態添加面包屑及其響應事件的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
具體如下：
Bootstrap官網中，只介紹了breadcrumb的布局（如下圖），未介紹使用方法，如何動態增加面包屑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文件中傳輸數據，并定義點擊響應事件
var breadcrumbId1=null;
var breadcrumbId2=null;
topic.subscribe("openTabWithBreadcrumb",function(data){
breadcrumbId1=data.id1;
breadcrumbId2=data.id2;
this.item_1.innerHTML =" title1" ;////傳入所需數據
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:{....}});///把需要的數據傳入切換的tab或者窗口
}));感謝各位的閱讀！關于“bootstrap如何動態添加面包屑及其響應事件”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
