我的JavaScript赢了'；t载荷

我一直在努力弄清楚为什么我的JavaScript代码无法运行

有人能告诉我我错过了什么吗(

HTML

<div class="po-markup">
    <br>
    <a href="#" class="po-link">Hover me </a>
    <div class="po-content hidden">
        <div class="po-title">
            <img src="http://g.etfv.co/http://www.cnn.com" alt="Google" width="16" height="16" />
            Title
        </div> 
        <div class="po-body">
            <p>
                Any Description .... 
            </p>
        </div>
    </div>  
</div>

标题

任何描述。。。。

JS

---

我用叉子叉了你的小提琴，让它开始工作：

您缺少一个

}）
您应该关闭
}）

此外，还应添加引导，例如3.2.0版本

您应该在代码中添加jquery库，例如在
onLoad
页面上

这
您的JSFIDLE存在许多问题


您没有引用jQuery
您没有引用
定义popover（）
您的Javascript格式不正确；您需要关闭函数并使用
}调用它

能否将代码粘贴为文本而不仅仅是屏幕截图？如果将括号/括号对齐，您将看到问题。谢谢您的所有评论。有人已经指出我做错了什么。谢谢大家的帮助。
$(document).ready(function() {

    $('.po-markup > .po-link').popover({
        trigger: 'hover',
        html: true,  // must have if HTML is contained in popover

        // get the title and conent
        title: function() {
            return $(this).parent().find('.po-title').html();
        },
        content: function() {
            return $(this).parent().find('.po-body').html();
        },

        container: 'body',
        placement: 'right'

    });    //add it
});