BootStrap Modal 数据属性不刷新

Question

单击编辑按钮时，我将显示一个模态，其名称位于相应的数据属性 data-catname 下

我正在更改 Modal 内的名称并更新文本以及相应的数据属性data-catname

但是当我重新打开 Modal 时，它向我显示了以前的名称

这是我的代码

function addCatSbmt()
{
        var category_name_modal = $("#catnameedit").val();
        var category_id_modal = $("#catidhiddenedit").val();
        var trid = category_id_modal;
        var texttoreplace = category_name_modal;
        $("#span" + trid).text(texttoreplace);
        $('#' + trid).find(".editcatclick").attr('data-catname', texttoreplace);
          $('.closetagdialog').trigger('click');
}

如何复制：

1.单击编辑按钮（TCS），它会打开一个弹出窗口，名称为TCS，将名称更改为其他名称。

2.再次点击相同的编辑按钮，它只显示TCS

https://jsfiddle.net/BVV5T/313/

Answer 1

我的问题是.data()在模态显示功能中使用的功能。

替换.data为.attr，您将获得所需的结果。

$('#editCategoryname').on('show.bs.modal', function(e)
{
        var cat_name = $(e.relatedTarget).attr('data-catname');
        var cat_id = $(e.relatedTarget).attr('data-categorid');
        $(e.currentTarget).find('input[name="catnameedit"]').val(cat_name);
        $(e.currentTarget).find('input[name="catidhiddenedit"]').val(cat_id);
});

更新的小提琴

-帮助 ：）