使用jquery添加数据属性

时间:2015-01-08 21:26:42

标签: javascript jquery

我使用以下两行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错误消息。我认为它与引号有关。提前谢谢你的帮助。

1 个答案:

答案 0 :(得分:0)

您可以将数据设置为对象,然后使用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>',