2016-07-28 53 views
1

如何在数据属性中插入新行?我已阅读文章/回应说逃脱序列,但没有工作。数据新行属性

比方说,我有一个按钮标签,点击时,我想将数据传递给一个JavaScript方法,并显示一个动态的弹出窗口模式。

<button id="myButton" data-toggle="modal" data-target="myModal" data-info="Some content. This content is on a new line" 

数据信息将被推送到模式中的div。这两句话之间需要做什么才能在单独的行中显示它们。 (本质上是数据信息属性中的

回答

0

也许您可以在数据信息上使用您需要的不同文本。

下一页创建p元素内的模态窗口或其他你想用数据信息的TE信息

<button id="myButton" data-toggle="modal" data-target="myModal" data-info='{"text1":"Hello world","text2":"Bye world"}'> 
Hello</button> 

$("#myButton").click(function() { 
    $("#content").append($("<p></p>").text($("#myButton").data("info").text1)); 
    $("#content").append($("<p></p>").text($("#myButton").data("info").text2)); 
}); 

这里和示例:https://jsfiddle.net/hectoruch/bfx0Lnvv/