Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在模式中单击按钮时,尝试更改启动模式的按钮的属性_Jquery_Twitter Bootstrap_Bootstrap Modal - Fatal编程技术网

Jquery 在模式中单击按钮时,尝试更改启动模式的按钮的属性

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

我有一个带有一些数据属性的按钮。单击它时,将显示一个模态。在这个模式中,我有一个更新DB并关闭模式的按钮。我需要更改我单击的按钮中的数据属性以显示模式。有人有什么建议吗?请参阅最后一行代码。e、 relatedTarget在此不工作

$(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,只需将模态保存函数放入模态打开函数中,这样我们就可以为按钮设置一个变量,并可以在模态保存中访问它。