Bootstrap Drilldown菜单:跳回主菜单事件

时间:2016-03-14 15:05:20

标签: javascript jquery twitter-bootstrap drilldown

我正在使用以下组件: http://www.jqueryscript.net/menu/Lightweight-Drilldown-Menu-Plugin-with-jQuery-Bootstrap.html

我想调整一些内置功能: 当点击最低级别的项目时,

  1. 菜单关闭。
  2. 再次打开时,菜单将返回到访问的最后一个级别,如菜单关闭前单击最后一个项目的级别。
  3. 我想阻止菜单关闭@ event 1&我想跳回到菜单最高级别的“主菜单”。

    我知道我必须查看'bootstrap-drilldown-select.js'文件,但任何人都可以对这段代码的确切工作方式以及我应该在哪里进行调整有所启发?

    提前致谢!!

    修改1 对于重定向到主菜单(2.):我发现允许深入到更深层次的列表项之间的区别是添加了类'hasChild'。 @'bootstrap-drilldown-select.js'第107-108行。 我认为有一个点击事件(某处)可以检查被点击的项目是否具有'hasChild'类。如果不是,则触发'onSelected'定义的事件。我还在寻找的唯一一件事就是这个事件。有什么建议/帮助吗?

    因为我找不到这个事件,所以我认为在触发'onSelected'事件时我可以调用initialize函数。有点像第26-43行,或更多的precies第35行''bootstrap-drilldown-select.js'。但是,我无法从外部js文件访问函数'makeDropdown'。 有关此笔记的任何意见/建议吗?

1 个答案:

答案 0 :(得分:0)

我发现在选择一个项目后重定向到主菜单,只需在此行之后调用makeDropdown函数:defaults.onSelected(event);

if (!data) {
  defaults.onSelected(event);
  makeDropdown(element, null, '', true); //this returns to main menu
  element.dropdown('toggle');
  isVisible = false;

  return false;
}

此函数中的第三个变量是路径,因此如果它为空,则返回原始数据,就像创建元素时的这一行一样:

/* create a dropdown object */
makeDropdown(element, null, '', false);

我希望这可以帮助你进行调查。