玉页中的多个数据切换

时间:2016-05-16 10:08:30

标签: html angularjs node.js twitter-bootstrap pug

我想为文本或图像形式的数据交换创建一个小页面。 我想为我的案例建立一个基于mvc的架构。

它运作良好,但现在我有一个问题。是否可以显示工具提示,而链接中的数据切换设置为'下拉'?

这里有一个更好的例子,一些玉代码:

ul
  li
    a(title='', data-toggle='tooltip', data-placement='left', data-original-title='video')
      i.glyphicon.glyphicon-camera
  li
    a(title='', data-toggle='tooltip', data-placement='bottom', data-original-title='picture')
      i.glyphicon.glyphicon-picture
  li.dropdown
    a(title='', data-toggle='dropdown', data-hover='tooltip', data-placement='right', data-original-title='category')
      i.glyphicon.glyphicon-menu-hamburger
    ul.dropdown-menu
      li
        a(href="#")
        | Here should be a dropdown with some possible choices (checkboxes)
      li
        ...

此外,我在相关的角度控制器中有这一行:

$scope.$on('$routeChangeSuccess', function() {
  $("[data-toggle=tooltip]").tooltip();
});

但我想展示工具提示like this

现在我如何同时显示一个工具提示和一个带有条目的下拉菜单( btw来自json文件加载jquery )? 我究竟做错了什么? 这可能是css的问题吗?

感谢阅读!

0 个答案:

没有答案