我的JavaScript无法加载

Question

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

有人可以告诉我我错过了什么吗？ :(

JSFiddle

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

Answer 1

你应该关闭});

$(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
});

你也应该添加bootstrap，例如3.2.0版本

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

这jsfiddle

Answer 2

你的jsfiddle有很多问题

• 您没有引用jQuery
• 您没有引用那个库 定义popover（）
• 您的Javascript未正确形成;您需要关闭该功能并使用});
致电

Answer 3

我把你的小提琴分开并让它起作用： http://jsfiddle.net/d2j79z8m/

您遗失了});