jquery - BootStrap Modal 数据属性不刷新

Question

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

我正在更改模态框内的名称并更新文本以及相应的数据属性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)，会打开一个POP UP，名称为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);
});

Updated Fiddle

-帮助:)