Popover en Modal of Bootstrap 3.0.3

时间:2014-05-30 22:16:12

标签: twitter-bootstrap modal-dialog popover

我在Modal中有一个表单,当我点击“发送”时,必须显示一个带有“谢谢”字样的弹出窗口,但是当我第一次单击时,弹出窗口不显示,而是从第二次时间以及表现良好。

我的代码在这里

$(document).on('submit', 'form#contact',function(event) {
    $('#submit').popover({ trigger:'click', content: 'Gracias por tu opinion', placement: 'left' });
    event.preventDefault();
});

jsfiddle: http://jsfiddle.net/gonzalesc/T348e/

我做错了什么,因为弹出窗口应该从我第一次点击时显示 感谢

1 个答案:

答案 0 :(得分:0)

发生的事情是,在您第一次点击或提交时,您将弹出框插入提交按钮:

$('#submit').popover({ trigger:'click', content: 'Gracias por tu opinion', placement: 'left' });

trigger : 'click'。这意味着,只有用户点击提交按钮时,弹出窗口才会显示 next 时间。要立即显示弹出窗口,请执行以下操作:

$('#submit').popover({ trigger: "manual", content: 'Gracias por tu opinion', placement: 'left' }).popover('show');

将触发器更改为manual,并强制弹出窗口显示.popover('show')

分叉小提琴 - >的 http://jsfiddle.net/LWeYF/