代码:

    <script>
        var txt = '?'

        function abc(a) {
            txt = a;
            return txt;
        }

        $(document).ready(function () {
            hcpopover();

            $("#temp1").click(function () {
                abc('唉唉唉,都是坑?');
                //hcpopover()
            });

            $("#temp2").click(function () {
                abc('还有这种操作?');
                //hcpopover()
            });
        });

        function hcpopover() {
            $("#temp1,#temp2").attr("data-toggle", "popover");
            $('[data-toggle="popover"]').each(function () {
                var element = $(this);
                element.popover({
                    trigger: 'manual',
                    placement: 'bottom', //top, bottom, left or right
                    html: 'true',
                    content: txt,

                }).on("click", function () {
                    var _this = this;
                    $(this).popover("show");
                    $(this).siblings(".popover").on("mouseleave", function () {
                        $(_this).popover('hide');
                    });

                }).on("mouseleave", function () {
                    var _this = this;
                    setTimeout(function () {
                        if (!$(".popover:hover").length) {
                            $(_this).popover("hide")
                        }
                    }, 100);
                });
            });
        }
    </script>

        <a id="temp1" class="btn btn-lg btn-danger">弹出框1</a>
        <a id="temp2" class="btn btn-lg btn-danger">弹出框2</a>

引用的脚本:

<script src="/js/jquery/jquery-1.7.1.min.js" type="text/javascript"></script>

<script src="/js/bootstrap/bootstrap.min.js" type="text/javascript"></script>

1,弹出信息有默认值,点击按钮后,应该显示不同内容,

结果显示的是默认值,

2,断点测试的时候,应该是我逐步向下编译完后才会出结果,

但是一点击结果就出来了...