引导程序动态添加面包屑及其对事件的响应

本文给出了一个例子来说明bootstrap如何动态添加面包屑和响应事件。分享给大家参考，如下：

在Bootstrap官网中，只介绍了面包屑的布局(如下图所示)，但没有介绍使用方法以及如何动态添加面包屑标题和点击事件响应。

我在使用过程中探索了以下方法。

首先，在html文件中定义div

div ul class=' bread crumb ' style=' margin-bottom :0 px；' visibility:hidden'data-Dojo-attach-point=' bread crumb _ 1 '阿利href=' # ' rel=' external no follow ' style=' color : # 303 f9f；font-size :1.1 em；'data-Dojo-attach-point=' item _ 1 '/a/Li Li class=' active ' style=' color : # 757575；font-size :1.1 em；'data-Dojo-attach-point=' item _ 2 '/Li/ul/div，然后在JS文件中传输数据并定义点击响应事件

var面包屑=nullvar面包屑=nulltopic . subscribe(' OpenTabwithBread '，函数(数据){面包屑id 1=data . id 1；面包屑id 2=data . id 2；this . item _ 1 . innerHTMl=' title 1 '；////传入所需数据this . item _ 2 . innerHTMl=' title 2 '；});on(this.item_1，' click '，lang.hitch(this，function(){ var id1=面包屑id1var id2=面包屑id2topic.publish('switchToNewTab '，{ tabid1:id1，tabid2:id2，data : }.}});///将所需数据传递到切换的选项卡或窗口中})；注意：我的项目是基于Dojo的框架。这里的主题是dojo的数据发布和订阅方法，数据-dojo-attach-point的属性就是Dojo的属性。相关知识请参考Dojo官网，此处不再赘述。

PS:关于引导布局，这里推荐一个在线可视化布局工具，供大家参考：

在线引导视觉布局编辑工具：http://tools.jb51.net/aideddesign/layoutit

希望本文对基于bootstrap的编程有所帮助。