引导弹出窗口未触发答案

【问题标题】：bootstrap popover not firing引导弹出窗口未触发
【发布时间】：2015-05-06 15:31:56
【问题描述】：

我有这个代码：

HTML

  <input type="text" 
                                data-placement="bottom" 
                                data-trigger="manual" 
                                data-content=""
                                name="momlastname" id="momlastname" 
                                ng-model="momlastname" 
                                maxlength="70" />

JavaScript

$('#momlastname').keyup(function (f) {
                    console.log($(this).val().length);
                    if ($(this).val().length == 2) {
                            $('#momlastname').popover({
                                trigger:'manual',
                                content:function(){
                                    return 'Start.';
                                }
                            });
                            $('#momlastname').popover('show');
                            $('#momlastname').addClass('error');
                    }
                    else {
                        $('#momlastname').popover('hide');
                    }
                });

当我取出 else 部分时，它可以工作，但我也需要 else 部分，以便在字段长度小于 2 或大于 2 时隐藏弹出框。

【问题讨论】：

那么，如果字段长度等于 2，您是否希望隐藏模式？如果是这样，你的 if 语句就倒过来了。
当字段长度不等于 2 时，您的代码将隐藏弹出窗口，并在等于 2 时显示它。
字段小于2或大于2时隐藏
@Brino 是的，但现在它不起作用。我编辑了问题

标签： javascript twitter-bootstrap popover

【解决方案1】：

JSFIDDLE https://jsfiddle.net/seadonk/xksfj23e/

要在字段长度！= 2 时隐藏弹出窗口并在其他情况下显示，以下代码有效。请参阅上面的 JSFIDDLE。

$('#momlastname').keyup(function (f) {
                console.log($(this).val().length);
                if ($(this).val().length == 2) {
                        $('#momlastname').popover({
                            trigger:'manual',
                            content:function(){
                                return 'Start.';
                            }
                        });
                        $('#momlastname').popover('show');
                        $('#momlastname').addClass('error');
                }
                else {
                    $('#momlastname').popover('hide');
                }
            });

【讨论】：