Question

我想显示一个popover，替换默认的浏览器验证弹出窗口。由于UI只知道click，focus和mouseenter为默认触发器to open popovers，因此我向触发器地图添加了一个自定义触发器（described here）。

 angular.module('myApp',['ui.bootstrap'])  
     .config(['$tooltipProvider', function($tooltipProvider){
     $tooltipProvider.setTriggers({'customEvent': 'customEvent'}); }]);

这似乎有效，因为触发图确实在增长，并且在某些时候甚至会发出新的触发器。遗憾的是，在启动'customEvent'时，永远不会出现预期的popover并且之前没有调用eval-function（因此没有逻辑或样式问题，稍后会应用）：

<input id="searchBtn" type="button" class="btn btn-primary" ng-click="..." value="..." popover="test here" popover-placement="bottom" popover-trigger="customEvent">

使用像'click'这样的默认触发器可以很好地工作。

$('#searchBtn').trigger('click');

（唉，使用其中一个默认触发器对我来说是最后的选择，因为它需要一些不需要的东西......）有什么建议？（使用bootstrap-ui 0.13.4）

Answer 1

0.13.4版本引入了*-is-open属性，允许您以编程方式控制工具提示/弹出窗口何时打开。有关详细信息，请参阅the docs。

如果您想使用自定义触发器，则需要手动触发customEvent，因为浏览器无法为您执行此操作（因为它不是本机事件）。

Bootstrap-UI自定义弹出窗口触发器无法正常工作

1 个答案: