如何使 Twitter 引导 .popover 在 .submit 事件中工作

How to make twitter bootstrap .popover work within a .submit event

本文关键字：submit 事件 工作 popover 何使 Twitter 引导      更新时间：2023-09-26

我正在尝试让 Twitter 引导程序的 .popover 在 .submit jquery 事件中工作，但在我单击表单上的提交按钮后没有任何反应。我正在更改输入字段的"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属性。是的，基本的编程错误。

一旦你做了rel="popover"，你需要通过激活来将处理程序附加到它：

$('[rel="popover"]').tooltip();

希望这有帮助！ :)

相关文章：