Question

I have:
HTML:

<div id="mydiv" data-content="Loading..."></div>

CSS:

#mydiv:after{
   content: attr(data-content);
   height: 100%;
   opacity: 1;
   position: absolute;
   text-align: center;
   text-transform: uppercase;
   width: 100%;
   white-space: pre;
}

JS (jQuery):

$('.ui-effects-transfers').attr('data-content',"Loading... \A Please wait...");

I have problem, when I set in CSS

content: "Loading... \A Please wait...";

then \A work as breake line. When I set this with data-content the breake new line not work.

How I can resolve this problem?

Answer 1

You need to use \n instead of \A

$("#mydiv").attr("data-content","hello\nworld");

jsFiddle