【问题标题】:Use BootStrap PopOver in Joomla-Backend在 Joomla-Backend 中使用 BootStrap PopOver
【发布时间】:2014-09-21 01:12:56
【问题描述】:

我想在我的组件后端使用 Bootstrap PopOver (http://getbootstrap.com/2.3.2/javascript.html#popovers)。

嗯,工具提示已经通过使用:

echo JHTML::_('tooltip','test','','','Test');

但是弹出框不是这样工作的。有人可以帮帮我吗?

【问题讨论】:

  • 您检查过Joomla API 的弹出框吗? @Ramy,Joomla 支持使用 API 的 Bootstrap 弹出框,无需手动使用 JS ;)
  • 我正在使用 Joomla 3.3.3 我读过api.joomla.org/cms-3/classes/JHtmlBootstrap.html#method_popover,但我不知道如何在我的组件上应用它。也许你可以给我一个提示如何将它与 JHtml 一起使用?我以为它会像我上面描述的那样,但我收到错误“JHtml::popover not found”。
  • 您能否提供您在问题中实际用于弹出框的代码?
  • 嗨 Lodder,我试过这样:// Get BootStrap Framework JHtml::_('bootstrap.framework');echo JHTML::_('popover','test','','','Test'); 但这不起作用。 echo JHTML::_('tooltip','test','','','Test'); 工作正常。

标签: javascript twitter-bootstrap joomla


【解决方案1】:

您首先需要像这样启动popover js文件:

JHtml::_('bootstrap.popover');

然后您可以使用以下调用弹出窗口的 HTML 标记:

<small class="hasPopover" data-placement="top" title="Header" data-content="Content">Hover over me</small>

希望对你有帮助

【讨论】:

  • 太好了 - 谢谢。这很有帮助。我认为可以像在我的工具提示示例中那样通过 JHTML 回显它。是否有可能在鼠标单击时显示弹出框?
猜你喜欢
  • 1970-01-01
  • 2016-06-20
  • 1970-01-01
  • 1970-01-01
  • 2018-07-03
  • 2019-03-21
  • 2015-10-17
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多