Bootstrap 3.0.3的弹出式模块

亚历山大大帝

我在模态中有一个表单,当我单击“发送”时,它必须显示带有单词“谢谢”的弹出窗口,但是当我第一次单击时,不会显示该弹出窗口,而是从第二次开始,并且表现不错。

我的代码在这里

$(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/

我做错了,因为弹出窗口应该从我第一次点击开始就显示谢谢

戴维·康拉德

发生的是,在您第一次单击或提交时,您将弹出窗口插入到“提交”按钮中:

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

trigger : 'click'这意味着,该酥料饼仅会显示在下一个时间上的用户点击提交按钮。要立即显示弹出窗口,请执行以下操作:

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap 3.0.3的弹出式模块

来自分类Dev

如何仅在需要时显示Bootstrap 3弹出式滚动条

来自分类Dev

弹出式视窗和自举程序3

来自分类Dev

在Sublime Text 3中启用完成功能弹出式窗口

来自分类Dev

在Sublime Text 3中启用完成功能弹出式窗口

来自分类Dev

如何在GNOME 3中使通知面板弹出式托盘透明

来自分类Dev

Bootstrap弹出式表单未使用AJAX提交

来自分类Dev

如何在Swift中显示弹出式消息,该消息在3秒后消失或可以被用户立即取消?

来自分类Dev

在Sublime Text 3中进行拼写检查的弹出式拼写建议上下文菜单

来自分类Dev

Bootstrap 4 与 Bootstrap 3 对齐

来自分类Dev

Twitter bootstrap 3响应式,但应修复

来自分类Dev

如何使Bootstrap 3按钮文本响应式

来自分类Dev

bootstrap 3响应式巨型菜单

来自分类Dev

bootstrap 3响应式多重菜单

来自分类Dev

bootstrap 3多列响应式轮播

来自分类Dev

Bootstrap 3交互式远程模式

来自分类Dev

如何使Bootstrap 3按钮文本响应式

来自分类Dev

AngularJS Datepicker弹出式Bootstrap-ui在视图中不起作用

来自分类Dev

Twitter Bootstrap弹出式触发器:如何设置多个触发器?

来自分类Dev

AngularJS Datepicker弹出式Bootstrap-ui在视图中不起作用

来自分类Dev

弹出式窗口中的Bootstrap日历无法在Chrome中运行

来自分类Dev

Bootstrap UI DateTimePicker弹出式日历中显示的荒谬月份

来自分类Dev

Bootstrap 3 theme effects

来自分类常见问题

Bootstrap 3 Glyphicons CDN

来自分类Dev

Bootstrap 3搜索栏

来自分类Dev

Bootstrap 3布局设计

来自分类Dev

Bootstrap 3:“嵌套”标签

来自分类Dev

Bootstrap 3模式更改

来自分类Dev

Bootstrap 3验证