javascript - 如何使Twitter Bootstrap .popover在.submit事件中工作

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center。
                            
                        
                    
                
                                7年前关闭。
            
                    
我正在尝试使Twitter Bootstrap的.popover在.submit jquery事件中工作，但是单击表单上的Submit按钮后没有任何反应。我正在更改输入字段的“ rel”属性，以便当用户单击“提交”按钮时，将弹出框添加到该字段。如果我在加载页面之前以常规方式设置rel属性，则会显示弹出窗口。

这是输入字段：

<label class="control-label" for="input-name" id="input_name_label">Name *</label>
        <div class="controls">
            <input rel="" data-original-title="Title" data-content="Random Text" type="text" class="span3" name="name" id="input-name">
        </div>

这是jquery函数：

<script>
    $("#project_form").submit(function(e) {
            for(i=0;i< $("label").length;i++){
                    var str=$("label").eq(i).text();
                    if(str.charAt(str.length-1)=="*"){
                            $("label").eq(i).attr('rel','popover');
                            console.log($("label").get(i));
                            e.preventDefault();
                            $('input[rel="popover"]').popover('show');
                    }
                    console.log(str.charAt(str.length-1));
            }
            $("#preferences").val($("#sortable").sortable('toArray'));
    });
    </script>

该函数查找带有*作为最后一个字符的标签，并应为其分配弹出事件。谢谢你的帮助。

最佳答案

问题是我将rel属性分配给label字段而不是输入字段。是的，基本的编程错误。

关于javascript - 如何使Twitter Bootstrap .popover在.submit事件中工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10999814/