Jquery 在模式中单击按钮时,尝试更改启动模式的按钮的属性
我有一个带有一些数据属性的按钮。单击它时,将显示一个模态。在这个模式中,我有一个更新DB并关闭模式的按钮。我需要更改我单击的按钮中的数据属性以显示模式。有人有什么建议吗?请参阅最后一行代码。e、 relatedTarget在此不工作Jquery 在模式中单击按钮时,尝试更改启动模式的按钮的属性,jquery,twitter-bootstrap,bootstrap-modal,Jquery,Twitter Bootstrap,Bootstrap Modal,我有一个带有一些数据属性的按钮。单击它时,将显示一个模态。在这个模式中,我有一个更新DB并关闭模式的按钮。我需要更改我单击的按钮中的数据属性以显示模式。有人有什么建议吗?请参阅最后一行代码。e、 relatedTarget在此不工作 $(document).on('show.bs.modal','#myModal', function (e) { $('#textareaID').val($(e.relatedTarget).data('text')); //the data attri
$(document).on('show.bs.modal','#myModal', function (e) {
$('#textareaID').val($(e.relatedTarget).data('text')); //the data attribute used here I need to change later
$('#listID').val($(e.relatedTarget).data('listid'));
});
$(document).on('hide.bs.modal','#myModal', function (e) {
//Clearing values before next use of modal
$('#textareaID').val('');
$('#listID').val('');
});
$(document).on('click', '#btnSave', function(e) {
var id = $('#listID').val();
var text = $('#textareaID').val();
//code here to update DB
//Now need to set the data-text attribute value to "text" variable.
$(e.relatedTarget).data('text', text); // NOT WORKING!
}
类似的方法应该可以工作,向打开模式的按钮添加一个类,然后在保存模式时,只需替换数据属性并删除“opened”类
var modal=$('.modal');
var btn=null;
$(文档)。在('单击','上。打开模式',函数(e){
btn=$(本);
btn.addClass(“开放式模式”);
modal.show();
modal.find('.modal header').append('Clicked:'+$(this.html());
$(文档).on('单击','保存'),函数(e){
var text=$('#myInput').val();
//代码在这里更新数据库
//现在需要将数据文本属性值设置为“text”变量。
btn.attr(“数据文本”,文本);
btn.removeClass(“开放式模式”);
modal.hide();
});
$(文档).on('单击','关闭'),函数(e){
var btn=null;
modal.hide();
});
});代码>
.modal{
显示:无;
背景:rgba(0,0,0,0.5);
位置:绝对位置;
排名:0;
右:0;
底部:0;
左:0;
}
一
二
三
四
情态动词
添加属性
关闭
控制台中是否有任何错误?你没有结尾()在你的#btnSave
点击功能上的code>。实际上它不起作用。。。我忘了提到我有多个按钮(表中每行有一个按钮)。我只需要将值设置为单击的按钮,而不是所有按钮。@JamesT Answer edited,只需将模态保存函数放入模态打开函数中,这样我们就可以为按钮设置一个变量,并可以在模态保存中访问它。