我试图让 twitter bootstrap 的 .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>
该函数查找带有 * 作为最后一个字符的标签,并应该为它们分配一个弹出事件。谢谢你的帮助。