如何在 bootstrap 的弹出窗口中将 class 添加到 link？

Question

      %ul.nav.navbar-nav.navbar-right
        %li
          %a{:href => "#", "data-content" => "<a href='#' class='c'>New</a><br />Outbound<br/>Inbound<br/>", "data-toggle" => "popover", "data-placement" => "bottom", "data-trigger" => "focus", "data-html" => "true","data-animation" => "true"}

上面的代码片段来自导航栏，如您所知，它是在 HAML 中。

如果我像这样添加 class c :class => 'c'，它可以工作，但会影响整个弹出窗口。

我希望它至少可以在 New 锚上工作。

如何让它只在 New 上运行？

谢谢。

编辑掉了 jquery 代码，因为它分散了问题的注意力。我只想知道如何将 class 添加到 bootstrap 的弹出窗口

中的特定 link

编辑 2

        $(document).ready(function(){
            $('.testing4').hide();
                $('.navbar').on('click', 'a.c' function() 
                {
                    $('.testing3, .testing4').toggle()
                    return false;
                }
            );
        });

Answer 1

所以，点击功能可以正常使用，但是a里面需要有'.c'？

也许

$('li > a').find('a').addClass('c');

或更改内部的href并使用：

$('a[href^="anotherlink"]').addClass('c');

是这个问题吗？

Answer 2

所以我冒昧地假设你有一个事件侦听器在 link 和 class c 上监听 click？如果是这样，您的侦听器未被触发的原因是因为当您第一次调用它时，不会生成弹出窗口。我建议将 event listener 添加到父元素。即

$('.navbar-nav').on('click', 'a.c', function () {
  // do stuff here
});

您依靠事件委托将该事件冒泡到 .navbar-nav

如何在 bootstrap 的弹出窗口中将 class 添加到 link？

How do I add a class to a link in a bootstrap's popover?

jquery

ruby-on-rails

twitter-bootstrap

haml