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。

我制作了一个小提琴，里面有所有内容供快速参考。 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 popover中使用变量

1 个答案: