Question

我使用以下两行jquery生成了两个按钮：

prevArrow: '<button type="button" data-role="none" class="slick-prev">Previous</button>',
nextArrow: '<button type="button" data-role="none" class="slick-next">Next</button>',

我需要将以下数据属性添加到上面列出的两个标记中。

data-ga-event='{"category":"Creamy-Delicious-Mashed-Potatoes", "action":"Ingredients", "label":"Get-Nutrition-Info"}'

我尝试在data-role="none"之后粘贴它，但是当我点击按钮时它会导致404错误消息。我认为它与引号有关。提前谢谢你的帮助。

Answer 1

您可以将数据设置为对象，然后使用JSON.stringify连接，因为它会转义所有引号：

var data = {
    "category": "Creamy-Delicious-Mashed-Potatoes",
    "action": "Ingredients",
    "label": "Get-Nutrition-Info"
} 

prevArrow: '<button data-ga-event="' + JSON.stringify(data) +'" >Previous</button>',

使用jquery添加数据属性

1 个答案: