在引导程序 2.3.2 弹出窗口中使用变量答案

【问题标题】：use a variable in bootstrap 2.3.2 popover在引导程序 2.3.2 弹出窗口中使用变量
【发布时间】：2019-09-02 06:58:08
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript jquery twitter-bootstrap popover

【解决方案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!"]});
    });

结果比我预期的还要好。无论如何，我把这个问题留了下来，因为我仍然希望有人能解释为什么原始代码不起作用。

【讨论】：