在bootstrap 2.3.2 popover中使用一个变量

Question

使用下面的代码，我希望看到一个名为产品名称的popover。

    $('.btn-blue').click(function(){            
      var btnName = $(this).parents('.individual-content').children('.name').html();
      //alert(btnName);
      $(this).popover({title: btnName,content: "<p>Added to cart!</p>", html: true, placement: "bottom"});
    });

当我取消注释alert时，它会在警报中显示标题，因此变量是正确的。但是弹出窗口仍会被默认标题触发。而不是与btnName。

我做了一个小提琴，里面有一切都可以快速参考。 https://jsfiddle.net/gr19fmcu/

2个问题

为什么它仍然显示默认标题而不是变量内容？

为什么我需要双击才能看到弹出窗口？

Answer 1

我没有使用上面的代码。代码在我看来是正确的，我不知道为什么它不工作。无论如何，我需要一个Joomla网站并使用Joomla本身的系统消息。

我用这段代码触发了它：

$('.btn-blue').click(function(){
      var btnName = $(this).parents('.individual-content').children('.name').html();
      Joomla.renderMessages({"success":[btnName + " is being added to your cart!"]});
    });

结果甚至比我预期的要好。无论如何，我将问题保持开放，因为我仍然希望有人能够解释为什么原始代码不起作用。