关于jquery事件委托和标签data-混用的奇怪问题

Question

首先使用bootstrap-table插入表格:
...

                rows.push({

                    applyTime: formatDate(new Date(val.applyTime)),

                    content: '<a href="#" data-func="swal" data-map="'+map+'" data-applyid="'+val.id+'">' + contentCh + '</a>',

...
表格已经成功渲染出来了,如图:

然后我对这个a标签委托事件处理:
...
$(document).on('click','a[data-func="swal"]',function () {

var applyId = $(this).data('applyid');var contentMap = $(this).data('map');
console.log(contentMap,applyId)

...
那么问题来了,这个console.log的结果表示很难接受:

Answer 1

你这个就是JSON.stringify之后map里面有双引号"，导致data-map属性的双引号"提早关闭,没有其他冲突的话直接map.replace(/"/g,"'")替换一下就好了。