Question

我有一个显示SVG的Bootstrap 2应用程序，当我点击任何path元素时，我按预期获得了Bootstrap 2 popover。

$('body').popover
    'selector': 'path'
    'container': 'body'
    'html': true
    'width': '360px'
    'title': () ->
        item = LOOKUP[this.id]
        '<a href="' + '/graphs.horizon/port/'+item['device']+'/'+item['physical_port'] + '">' + item['device'] + '/' + item['physical_port'] + '</a>' + '<button type="button" id="close" class="close">&times;</button>'
    'content': () ->
        this.id
        item = LOOKUP[this.id]
        url = '/graphs.horizon/utilisation/'+item['device']+'/'+item['physical_port']+'?layout=naked'
        '<iframe src="'+url+'" frameBorder="0" width="360px" height="180px"></iframe>'
    'trigger': 'click'
    'placement': 'right'

所以我天真地添加了一个常规点击事件，如下所示：

$(document).on 'click', '.popover .close', () ->
  console.log 'hello %o', $(this).parents('.popover')
  $(this).parents('.popover').popover('hide')

然而，它似乎不起作用。我收到了调试问候消息，但.popover('hide')似乎没有做任何事情，除了打印调试消息。

在控制台中我也尝试$('.popover').popover('hide')并且它也没有做任何事情，但只使用选择器会显示我期望的div对象列表。

Answer 1

这有效：

{{1}}

关闭Bootstrap 2 popover

1 个答案: