【问题标题】:720KB toolip not displaying on ion tab离子选项卡上未显示 720KB 工具栏
【发布时间】:2017-04-03 19:39:03
【问题描述】:

在我的项目中,我目前有一个标签控制器模板,允许用户导航到其他视图

我目前在我的 ionic 项目中使用 720KB 工具提示。我已经让它适用于我的所有元素,除了选项卡控制器模板中的离子选项卡。

有了 720KB,您只需将这个 tooltips tooltip-template="I'm a tooltip!" 添加到任何元素,您就会在悬停时看到该特定元素的工具提示。

这是我在离子标签控制器中的代码

<ion-view id="page1" ng-app="720kb">

<ion-tab title="Introduction" icon-off="acc-intro-off" icon-on="acc-intro-on" href="#/page1/page3" id="tabsController-tab3">
  <ion-nav-view name="tab2"></ion-nav-view>
</ion-tab>

<ion-tab title="Awards " icon-off="acc-category-off" icon-on="acc-category-on" href="#/page1/page4" id="tabsController-tab4">
  <ion-nav-view name="tab3"></ion-nav-view>
</ion-tab>

<ion-tab title="Awards Vote" icon-off="acc-vote-off" icon-on="acc-vote-on" href="#/page1/page6" id="tabsController-tab5">
  <ion-nav-view name="tab6"></ion-nav-view>
</ion-tab>

<ion-tab title="Award Nomination" icon-off="acc-nomination-off" icon-on="acc-nomination-on" href="#/page1/page5" id="tabsController-tab6">
  <ion-nav-view name="tab5"></ion-nav-view>
</ion-tab>

<ion-tab title="Result Category" icon-off="acc-results-off" icon-on="acc-results-on" href="#/page1/page7" id="tabsController-tab7">
  <ion-nav-view name="tab7"></ion-nav-view>
</ion-tab>

我试图在第一个离子选项卡上放置一个 720KB 的工具提示,但它没有出现在悬停时。但是,如果我在 chrome 中检查,我会看到生成了工具提示。

这是一个与任何其他元素一起使用的示例

但是,当我将 tooltips tooltip-template="I'm a tooltip!" 附加到 ion-tab 时,它不会显示,但是我看到检查中生成的 html 如下所示

【问题讨论】:

  • 我尝试使用检查工具在悬停和聚焦时触发工具提示,但没有成功
  • @你是否在你的项目中注入了它的依赖 '720kb.tooltips'?

标签: css angularjs ionic-framework tooltip


【解决方案1】:

尝试在焦点事件上触发工具提示。

【讨论】:

    猜你喜欢
    • 2016-05-28
    • 1970-01-01
    • 2016-08-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多