如何将确认按钮添加到WebUI Popover jQuery插件中
How to add confirmation buttons to the WebUI-Popover jQuery plugin?
我正在尝试让WebUI Popover jQuery有确认按钮,一个是"保存",另一个是取消,这样我就可以显示/隐藏并运行针对这两个事件的其他操作!
例如:所以我可以通过ajax将文本区域的内容发送到服务器!并验证popover以查看数据是否已保存,如果已保存,则隐藏popover,如果未保存,则不要隐藏它…让它静止显示!
popover本身工作得很好,但默认情况下没有这种功能,我认为这很重要!
以下是我对它的称呼;
HTML:
<table class="widget-table">
<tr>
<th>Title</th>
<th>Action</th>
</tr>
<tr>
<td>Lorem ipsum dolor nova darius...</td>
<td><button class="button button-primary button-small">Notes</button></td>
</tr>
<tr>
<td>Lorem ipsum dolor nova darius...</td>
<td><button class="button button-primary button-small">Notes</button></td>
</tr>
正如你所看到的,我有两个"保存"answers"取消"按钮作为标记的一部分!
JavaScript:
(function() {
var $table = $('.widget-table');
$table.find('tr .widget-table-note-trigger').each(function() {
$(this).webuiPopover({
placement: 'left',
title: 'Notes',
content: function() {
var html = ''
<div class="form-group">'
<textarea class="form-control">Your notes...</textarea>'
</div>'
<div class="button-group">'
<button class="button button-round button-small button-primary">Save</button>'
<button class="button button-round button-small button-secondary">Cancel</button>'
</div>'
';
return html;
},
closeable: false,
trigger: 'manual'
});
//
$(this).click(function(){
$(this).webuiPopover('show');
})
})
})();
提前感谢
您需要使用dismissible:true
来防止popover关闭,然后在事件发生后手动关闭它。如果您想将按钮附加到点击事件
on()
相关文章:
- 选择字段-更改popover颜色
- 使用Bootstrap'在Javascript字符串中的popover插件
- 销毁Bootstrap popover时出现Javascript错误
- Rails - Bootstrap popover js
- Ajax content for Twitter Bootstrap Popover
- Safari扩展中是否有任何Safari Popover隐藏事件
- Bootstrap如何知道一个元素是否有popover
- 文本太长,无法启动Popover
- Popover未将字符串绑定为html angularjs
- 通过单击popover内容来更改表类
- AngularJS popover未显示内容:渲染太早
- 如何在此函数中关闭popover
- AngularJs-我可以从另一个元素打开一个元素的popover吗
- 什么'这是一种基于if/if-else语句显示popover的简单方法
- 使用引导程序popover回调
- Ember.js and Twitter Bootstrap Popover
- 我需要在我的模式中使用bootstrap 3.0.2的popover
- 用于图像上映射区域的Bootstrap Popover/Tooltip
- 在禁用/重新启用JavaScript Webui-popover时遇到问题
- 如何将确认按钮添加到WebUI Popover jQuery插件中