我正在尝试获取 WebUI-Popover jQuery 具有确认按钮,一个“保存”,另一个“取消”,这样我就可以显示/隐藏并对这两个事件运行其他操作!
例如:这样我就可以通过ajax将textarea内容发送到服务器!并验证弹出窗口以查看数据是否已保存,如果是,则隐藏弹出窗口,如果没有,则不要隐藏它...让它仍然显示!
弹出窗口本身工作得很好,但默认情况下没有这种功能,我认为这非常重要!
这是我的称呼;
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>
如您所见,我有两个“保存”和“取消”按钮作为标记的一部分!
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
来阻止弹出窗口关闭,然后在事件发生后手动将其关闭。如果要将按钮附加到单击事件,请记住使用 JQuery on()
关于javascript - 如何向 WebUI-Popover jQuery 插件添加确认按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33649671/