2

我有： 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...");

我有问题，当我在 CSS 中设置时

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

然后\A作为断线工作。当我用数据内容设置它时，breake new line 不起作用。

我该如何解决这个问题？

4

1 回答 1

2

您需要使用\n而不是\A

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

jsFiddle

于 2013-01-30T19:03:47.970 回答