在 bootstrap 2.3.2 弹出窗口中使用变量

Question

使用下面的代码，我希望看到一个以产品名称作为标题的弹出窗口。

    $('.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.

我制作了一个 fiddle，其中包含所有内容以供快速参考。 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!"]});
    });

结果比我预期的还要好。无论如何，我把这个问题悬而未决，因为我仍然希望有人能阐明为什么原始代码不起作用。

在 bootstrap 2.3.2 弹出窗口中使用变量

use a variable in bootstrap 2.3.2 popover

javascript

jquery

popover

twitter-bootstrap