Question

我如何自动隐藏表单中的popover？我总是得到错误＆＃39;对象不支持属性或方法＆＃39; popover＆＃39;＆＃39;＆＃39;在这方面：

$(this).popover('hide');
$(("#" + $(this).attr("id")) + " .popover").popover('hide');

HTML：

 <div class="label-panel" id="user-info">
                <div class="login-label">@ViewBag.UserString</div>
                <button type="button" class="information-icon" data-toggle="popover" data-content="And here's some amazing content. It's very engaging. Right?"> i</button>
</div>

和JQuery

                  $('[data-toggle="popover"]').popover();
                $('#signup-form').on('click', function (e) {
                    $('[data-toggle="popover"]').each(function () {
                        //the 'is' for buttons that trigger popups
                        //the 'has' for icons within a button that triggers a popup
                        if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
                            $(this).popover('hide');
                        }
                        $(("#" + $(this).attr("id")) + " .popover").popover('hide');
                });

Answer 1

请添加一个脚本链接到bootstrap，这应该可以解决您的问题。或者下载bootstrap.min.js并在本地添加它。并检查选择器返回的内容。

您可以从此CDN获取所需的文件。还请检查您是否一次加载jQuery。并且还在jQuery脚本引用之后添加额外的js文件的引用。

如果在引导引用之后添加jQuery的引用，则会出现此错误。

"bootstrap.min.js"
"jquery.min.js"

你可以看到我在jsFddle here中也遇到了同样的错误。所以请确保您首先加载jQuery然后加载其他js文件。

Bootstrap Hide使用jquery弹出

1 个答案: