bootstrap popover没有开火

Question

我有这段代码：

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时隐藏弹出窗口。

Answer 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');
                }
            });