TypeError：$（...）。popover（...）。data（...）未定义

Question

我有两个popover，一个用于显示登录表单，另一个用于登录后显示。我想要一个带登录表单的大popover和登录后的一个小popover。所以当弹出窗口初始化时我正在添加一个类。但它提供了一个错误，并阻止页面中的所有其他ajax函数无法工作。

我正在使用最新的bootstrap和jquery。我正在使用bootstrap 3.3.4版本。

这是我的代码，请看一下。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


$('[data-popover-content="#logoutPopover"]').popover({
        placement: 'bottom', 
        container: 'body',
         html: true,
         content: function () {
           var clone = $($(this).data('popover-content')).clone(true).removeClass('hide');
           return clone;
        } 
     })
    .data('show.bs.popover')
    .tip()
    .addClass('user-profile-popover-dropdown');