javascript - 在 JS/jQuery 中的变量数组中的文本字符串中放置换行符

Question

菜鸟问题:

我有一些静态文本的简单开关，设置为以特定间隔切换，但出于某种原因，我无法让换行符在字符串中工作。我尝试了几种使用\n 或
的不同方法，甚至尝试了编码，但它不会将字符串分成两个句子。有人看到我做错了什么吗？文本更改正在运行。我试图让字符串在“\n”所在的位置换行。

这是一个工作 fiddle :

JS Fiddle

脚本:

   var texts = ["Blah Blah"+"\n"+"Blah Blah Line two", "Over 15,000 cups of"+"\n"+"Starbucks drank daily!", "Another awesome%0D%0Aslogan here"];
var count = 0;
function changeText() {
    $("#example").text(texts[count]);
    count < 3 ? count++ : count = 0;
}
setInterval(changeText, 500);

HTML:

<div id="Div-A"><h2><span id="example">Over 15,000 eligible<br/>dealers nationwide</span></h2></div>

Answer 1

您正在使用 .text() 输入您的口号。

我将你的 .text() 更改为 .html() 并在你的句子中添加了简单的换行符:

$(document).ready(function() {
    var texts = ["Over 5,000 beers <br /> drank today", "Over 15,000 cups of <br /> Starbucks drank daily!", "Another awesome<br />slogan here"];
    var count = 0;
    function changeText() {
        $("#example").html(texts[count]);
        count < 3 ? count++ : count = 0;
    }
    setInterval(changeText, 500);
});

http://jsfiddle.net/2dBVM/2/