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代码，因为它分散了问题。我只是想知道如何能够在bootstrap的popover中为特定链接添加类

修改2

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

Answer 1

所以我要走出困境并假设你有一个事件监听器在类click的链接上听c？如果是这样，你的监听器没有被触发的原因是因为当你第一次调用它时，不会生成popover。我建议将event listener添加到父元素。即。

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

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

Answer 2

所以，点击功能工作正常，但内部需要有＆＃39; .c＆＃39;？

也许

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

或更改内部的href并使用：

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

这是问题吗？

如何在引导程序的弹出窗口中为链接添加类？

2 个答案: