2016-07-28 51 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/